vue指令总结

1. v-pre跳过这个元素和它的子元素的编译过程
   <span v-pre>这里的内容不会被编译</span>
2. v-html输出html
3. v-bind语法糖:动态更新HTML元素属性
4. v-on语法糖@绑定事件
   <div v-on:click=""></div>
<div @click=""></div>
5. v-model用于表单类元素上双向绑定数据
   <input type="text" v-model="message" placeholder='请输入'>
6. v-cloak和display:none配合使用解决网速较慢屏幕闪动问题

<div v-cloak></div>
[v-cloak] {
	display: none;
}

7. v-once定义它的元素或组件只渲染一次，包括元素或组件下的所有子元素。首次渲染后，不会再随数据的变化重新渲染，将被视为静态内容
8. v-if v-else-if v-else条件渲染,根据表达式的值在DOM中渲染或销毁元素或组件
9. v-show改变元素css的display属性，当v-show的值为false时，相当于给该元素设置display:none
10. v-for将一个数组遍历或枚举一个对象循环显示