VUE相关注意点

v-show 不支持 <template> 语法，也不支持 v-else。

当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级。

一般来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。

2.2.0+ 的版本里，当在组件中使用 v-for 时，key 现在是必须的。

computed里面可以放置一些业务逻辑代码，一定记得最后需要return。

$mount(el)手动挂载el（相当于设置el: '#box'）

自定义指令时，指令的名字不能带v-。比如自定义v-red，在自定义时名称应该是red

Vue.config.productionTip = false -------关闭生产模式下给出的提示

防止在网速缓慢的情况下出现双大括号{{}}的问题，1、在模板比较大的情况下，可以在标签上添加v-cloak，并且在style样式表中添加[v-cloak]{ display: none }；如果只是单标签的话，可使用v-text，v-html等属性来避免。

Vue 包含一组观察数组的变异方法(会改变被这些方法调用的原始数组)。所以它们也将会触发视图更新。这些方法如下：
push()
pop()
shift()
unshift()
splice()
sort()
reverse()

非变异方法，例如： filter(), concat() 和 slice() 。

- methods 没有缓存，即每次重新渲染都会执行

- computed依赖缓存， 即每次重新渲染会先查找缓存

使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用 @click.prevent.self 会阻止所有的点击，而 @click.self.prevent 只会阻止元素上的点击。

全部的按键别名：

.enter
.tab
.delete (捕获 “删除” 和 “退格” 键)
.esc
.space
.up
.down
.left
.right

可以通过全局 config.keyCodes 对象自定义键值修饰符别名：

Vue.config.keyCodes.f1 = 112