Vue指令

一、v-text指令

向所在的节点中渲染文本内容，且不解析HTML标签。

和插值语法的区别：v-text会替换掉标签中所有的内容，而插值语法不会。

二、v-html指令

向所在的节点渲染包含HTML结构的内容。

注意：使用v-html会造成严重的安全性问题

很容易导致XSS攻击，一定不要在用户提交内容的地方使用v-html

三、v-cloak指令

当我们网络比较慢的时候，vue.js还未加载出来，就会导致原本的DOM还未解析，然后展示出来。

 我们就可以使用v-cloak指令搭配display:none; 来解决这个问题。

 v-cloak的作用就是Vue实例创建完毕后，会删掉v-loak属性。

所以我们可以使用CSS搭配v-cloak来解决网速慢时页面展示出 {{xxx}} 的问题。

 四、v-once指令

v-once所在节点在初次动态渲染后，就视为静态内容了。

也就是说只会在页面初始化的渲染一次，后续不再渲染，可以用于性能优化。

五、v-pre指令

v-pre的作用是跳过所在节点的编译过程，可以利用它跳过没有指令语法和差值语法的节点，会加快编译速度。