一、我们学过的指令：

v-bind:单向绑定解析表达式，可简写为  :xxx
v-model:双向数据绑定
v-for:遍历数组/对象/字符串
v-on:绑定事件监听，可简写为 @
v-if:条件渲染（动态控制节点是否存在）
v-else:条件渲染（动态控制节点是否存在）
v-show:条件渲染（动态控制节点是否展示）

二、v-cloak指令：

1.本质是一个特殊属性，Vue实例创建完毕并接管容器后，会删掉v-cloak属性。
2.使用css配合v-cloak可以解决网速慢时页面展示出 插值语法{{x}}的问题。

三、v-html指令：

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

四、v-once指令：

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

与7.2节-事件修饰符区别：
1.prevent：阻止默认事件（常用）；
2.stop：阻止事件冒泡（常用）；
3.once：事件只触发一次（常用）；
4.capture：使用事件的捕获模式。

五、v-pre指令：

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

六、v-text指令：

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