VUE相关注意点
2017-08-31 本文已影响0人
梁小七
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
