计算属性和方法

computed,watch 不应该使用箭头函数定义。

修饰符

v-model.lazy 在“change”时更新而非“input”

v-on:submit.prevent 提交事件不再重载页面

v-on:click.stop 阻止单击事件继续传播

v-on:keyup.enter 只在按下回车键时触发事件

生命周期总结

beforcreate: 可以加个loading事件

created: 结束loading，做些初始化，实现函数自执行

beforeDestroy: 你确定删除XX吗

destroyed: 当前组件已删除，清空相关内容

v-if和v-show的用法

v-if有更高的切换开销

使用v-if减少不必要的组件加载：v-if指令其实很有用处，它可以让我们项目中暂时不需要的组件不进行渲染，等需要用到的时候在渲染，比如某个弹窗组件等。这样我们可以减少页面首次加载的时间和文件量。

v-show有更高的初始渲染开销

如果需要非常频繁的切换则使用v-show,如果运行时条件是很少改变则使用v-if.

插件使用

图片

（一）全局使用

（1）在index.html引入：这样的方式不推荐使用，因为存在先后加载顺序的问题，有些插件不支持这一方式。

（2）通过webpack配置文件引入：主要通过plugin配置项的webpack.ProvidePlugin()方法实现，不过只适合支持CommonJs规范并提供一个全局变量的插件，如jQuery中的$。

（3）通过import + Vue.use()引入：这种方式需要在全局.vue文件中import需要加载的插件，然后通过Vue.use(‘插件变量名’)来实现，不过此方法只支持遵循Vue.js插件编写规范的插件使用，如vue-resource。

（二）单文件使用

（1）通过import直接引入：这种方式可以在需要调用插件的.vue文件中使用，不过需要注意和实例的创建顺序问题，或者也可以通过require引入。

（2）import + components注册：此方式为Vue组件的使用方式，可以在一个组件中注册并使用一个子组件。