Vue部分内置指令

v-text#

1. 作用：向其所在的节点中渲染文本内容。
2. 与插值语法的区别：v-text会替换掉节点中的内容，{{}}则不会。

v-html#

1. 作用：向指定节点中渲染包含html结构的内容。
2. 与插值语法的区别：
     (1) v-html会替换掉节点中所有的内容，{{}}则不会。
     (2) v-html可以识别html结构。
   注意：
     (1) 在网站上动态渲染任意HTML是非常危险的，容易导致XSS的攻击。
     (2) 一定要在可信的内容上使用v-html，永远不要使用在用户提交的内容上，会导致安全问题。

v-cloak#

v-cloak指令（没有值）：
  1. 本质是一个特殊属性，Vue实例创建完成并接管容器后，会删掉v-cloak属性。
  2. 使用css配合v-cloak可以解决网速慢时页面展示出现{{xxx}}的问题。

v-once#

v-once指令（没有值）：
  1. v-once所在节点在初次动态渲染后，就视为静态内容了。
  2. 初次渲染后，数据的改变不会引起v-once所在结构的更新，可以用于优化性能。

v-pre#

v-pre指令（没有值）：
  1. 跳过其所在节点的编译过程。
  2. 可利用它跳过：没有使用指令语法，没有使用插值语法的节点，会加快编译。