vue的常见指令

v-text

更新元素的 textContent (无法解析HTML标签）

v-html

更新元素的 innerHTML (可解析标签）

v-show

根据表达式之真假值 来切换元素的 display CSS property. 当条件变化是该指令触发过渡效果。

v-if

根据表达式的值的truthiness 来有条件地渲染元素。 在切换时元素及它的数据绑定 /组件被销毁并重建 。如果元素是 <template> ，将提出它的内容作为条件块。当条件变化时该指令触发过渡效果。

v-else

前提条件必须有 v-if 或 v-else-if  v-if为false执行

v-else-if

前提条件必须有 v-if 或 v-else-if  多有条件使用

v-for

列表循环渲染 ，数组 ，对象 ，数字 ，字符 都可 

v-no

绑定事件 可缩写为 @

v-bind

用于动态绑定各种变量 可缩写 ：

v-model

是 vue 中进行数据双向绑定的指令，在内部实际上是通过语法糖来完成数据的双向绑定，v-model绑定的形式有两种，一种是绑定在普通表单元素上，一种是绑定在自定义组件上，两者在实现上也略微不同；当 v-model 绑定在自定义组件时，默认语法糖为 v-bind:value 和 v-on:input 或者自定义 model 选项

v-slot

插槽 可简写为 #

v-noce 

元素和组件只渲染一次

v-pre

跳过这个元素和它的子元素的编译过程。可以用类显示原始 Mustache 标签。 跳过大量没有指令的节点会加快编译。

v-cloak

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