共计 7 篇文章

Webpack 2.x 在Vue2.x项目中的应用

最近开发的项目里使用了 Webpack + Vue 全家桶技术栈,鉴于Webpack的版本迭代还在高速发展期,我使用了Webpack2.x的稳定版本2.2.0来作为脚手架的打包构建工具。 管理资源 加载CSS style-loader css-loader less-loader extract-text-webpack-plugin 项目中使用了 less 作为css的预处理,并且使用 extract-text-webpack-plugin 插件抽取css到单独的文件中。 _.cssLoader = config.cssModules ? 'css-loader? ...

vue-demo-collection 基于Vue2.x重构升级

去年vue还没有升级为2.0点时候,创建了这个库,并且写了几篇简单的入门教程。发现也有一些朋友都拿这个collection来入门vue,在去年10月份vue升级2.0版本后,我一直没时间来升级这个collection。现在终于有一整块时间来做升级。借助这几个demo来感受如何从vue1.x升级vue2.x。我新建了vue2.x分支,所有的升级改动都将提交到这个分支中。 package版本升级 vue: ^1.0.0 to ^2.2.1 vue-resource: ^0. ...

VueStroll超赞的CSS3列表滚动效果

Stroll.js当我第一次发现它的时候被它超赞的效果惊艳到了。你也可以去试试。它的作者也创造了REVEAL.JS。也许你更熟悉它。 列表可以这样玩: vue-stroll是我两个月前基于Vue.js + Stroll.js打包的模块,并把它发布到了npm。自从使用Vue.js以来。就各种想尝试造轮子。因为使用Vue.js组件化开发体验超级棒的。在npm发布模块以后,我把它申请加入到了awesome-vue这个清单中,在这里你也可以找到它。 Demo中一共实现了16种效果可以体验。 Demo / Document ...

Vuex结合Mongoose最佳实践

这篇文章的草稿放在Ghost后台由来已久了,因为我想在写一篇Vuex总结性的文章之后再发表它。这样也有个循序渐进的感觉。本文适合了解Vue.js、Vuex、以及MongoDB的小伙伴。 Why Mongoose? Node下开发应用,如何持久化数据? 我觉得MongoDB是很好的解决方案。尤其适合敏捷开发。 Node下使用MongoDB,如何操作MongoDB数据库? 我刚开始接触MongoDB的时候还在用node-mongodb-native,MongoDB出品的Node.js驱动。操作数据库可不像Oracle,MySQL这种关系型数据库,基本的SQL语言搞定。那代码量一坨一坨的。于是发现了Mongoose,有了它代码量减轻了不少。那么就用它了。 需要实现的事情: ...

使用Vue.js和Vuex实现购物车场景

本文是上篇文章的序章,一直想有机会再次实践下Vuex。写下这篇总结,See Demo。 什么是Vuex? Flux-inspired Application Architecture for Vue.js Vuex实际上是类Flux的数据管理架构。它主要帮我们更好的组织代码,让Vue中的状态通过状态管理维护起来。在实际项目运用中我们需要对组件的 组件本地状态(component local state) 和 应用层级状态(application level state) 进行区分。 ...