1. v-text   会以原样输出字符串

  2. v-html    会以html语法解析字符串输出

  3. v-show    根据表达式的布尔值进行显示效果

  4. v-if     和v-show一样，但是它会销毁组件并且重建

    * v-for 和 v-if 一起使用时，v-for的优先级比v-if更高

  5. v-else  和v-if 一起使用，必须要有v-if

  6. v-else-if  前面要有v-if 或者 v-else-if

  7. v-for   列表遍历指令举例  <div v-for="item in items"> {{ item.text }} </div>

  8. v-on   缩写@  事件绑定指令

  9. v-bind   缩写：  数据绑定指令

  10. v-model   数据双向绑定

  11. v-slot    缩写#   插槽名默认值default

  12. v-pre    用来显示原始 Mustache 标签，跳过大量没有指令的节点加快编译。

    <span v-pre>{{ this will not be compiled }}</span>

     

  13. v-cloak   保持在元素上直到关联实例结束编译，隐藏未编译的 Mustache 标签直到实例准备完毕

  14. v-once   只渲染一次元素，后面更新会当做静态内容跳过

  15. key   常和v-for一起使用，举例

    <li v-for="item in items" :key="item.id">...</li>

     

  16. ref   给元素或子组件注册引用信息，引用信息将会注册在父组件的 $refs 对象上。

    * 因为 ref 本身是作为渲染结果被创建的，在初始渲染的时候你不能访问它们 - 它们还不存在！

     

  17. is    用于动态组件且基于 DOM 内模板的限制来工作。