Vue常用指令

对于指令属性，可以直接取实例的变量值

v-text： 即等效于标签内部的 {{ }}

v-html：元素的innerHTML

v-show：根据表达式的真假切换元素的display属性

v-if：根据表达式的真假条件渲染元素

v-else

v-else-if

v-for： 可遍历数组（(item,index) in arr），对象（(val,key,index) in obj），字符串（(val,index) in str），数字（(val,index) in num）

v-on / @：绑定事件监听器。事件类型（https://developer.mozilla.org/zh-CN/docs/Web/Events）由参数决定

v-bind/ ：：动态的绑定一个或多个属性，或者一个组件prop到表达式

v-model：表单元素或者组件上创建双向绑定

v-pre：跳过这个元素和他子元素的编译过程。可以用来显示原始Mustache标签。跳过大量没有指令的节点会加快编译。提高性能。

v-cloak：这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

v-once:只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。