最近做了个 webpack+vue 的项目，发现打包后的页面体积有点超出预期的大。为了减少请求量， 页面的 js 和 css 都是内联在 html 里面的，查看生成的 html 代码后发现，异步引入的 vue 模块中的 css 也被打在了页面上面。页面体积可是影响加载速度的关键，赶紧 google 后解决了这个问题。这里记录下来，希望对大家有所帮助。

前言 从Vue.js 2.x发布之后，陆陆续续做了七八个项目，摸索出来了一套自己的状态管理模式，我将之称为Vuet。它以规则来驱动状态更新，它带来的是开发效率上的飙升，它就像草原，而你是野马，任你随意驰骋，总之它是为敏捷开发而诞生。 缘由 在大型的Vue应用程序开发中，多组件通信…

一般入门级的无需太早考虑这方面的，只要专心学好Vue的使用姿势便可。 这种情况一般报错信息可以看到是哪个包抛出的信息，一般卸载这个模块,安装重新安装下即可。 官方解释如下: data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。 Vue 在2.2的时候…

当接到类似以上需求时，你的第一想法是不是跟我一样，使用 Canvas 来绘制，啥都不说就开始撸代码。如果你是用 Vue 之类的 MVVM 框架，那意味着你得提供一个结点供 Canvas 着陆，同时让 Canvas 能够响应数据变动。

针对目前 vue 最火路由插件 vue-router 的三种加载方式，在渲染速度上的比较，帮助开发者们更好的使用 vue-router

自定义事件可以用来创建自定义的表单输入组件，使用 v-model 来进行数据双向绑定。看看这个：input v-model="something" 这个我们直接用v-model像表单那样绑定就直接可以进行父子组件双向绑定了。在v-model的语法糖里封装了v-on:input …

自总结完了上篇前端工程化的思想，并在vue全家桶的项目加以实践，趁热给大家总结一篇如何更有效率与质量地开发vue项目，以及其中踩过的一个个坑。。。