Vue的内置指令

- v-bind : 单向绑定解析表达式，可简写为 :xxx

- v-model : 双向数据绑定

- v-for : 遍历数组 / 对象 / 字符串

- v-on : 绑定事件监听，可简写为@

- v-if : 条件渲染（动态控制节点是否存在）

- v-else : 条件渲染（动态控制节点是否存在）

- v-show ：条件渲染（动态控制节点是否展示）

v-text 指令:

1. 作用：向其所在的节点中渲染文本内容

2. 与插值语法的区别：v-text会替换节点中的内容，{{xxx}} 则不会

v-html指令 :

1. 作用：向指定节点中渲染包含html结构的内容

2. 与插值语法的区别

•       v-html会替换掉节点中所有的内容，{{xxx}}则不会

•       v-html可以识别html结构

     3.严重注意：v-html有安全问题

•       在网络上动态渲染任意HTML是非常危险的，容易导致XSS攻击

•       一定要在可信的内容上使用v-html，永不要用在用户提交的内容上

v-cloak指令 :

1. 本质是一个特殊属性，Vue实例创建完毕并接管容器后，会删掉v-cloak属性

2. 使用css配合v-cloak可以解决网速慢时页面展示出{{xxx}}的问题

v-once 指令:

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

2. 以后数据的改变不会引起v-once所在结构的更新，可以用于优化性能

v-pre 指令:

1. 跳转其所在节点的编译过程

2. 可以它跳过：没有使用指令语法，没有使用插值语法的节点，会加快编译