vue指令

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

v-model：双向数据绑定（修饰符：lazy，number，trim）

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

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

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

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

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

v-text指令：

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

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

v-html指令：

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

2.与插槽语法的区别：
（1）v-html1会替换掉节点中所有的内容.{{xx}}z则不会

（2）v-html可以识别html结构

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

（1）在网站上动态渲染任意HTAIL是非常危险的，容易导致xss攻击

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

v-clock指令（没有值）

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

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

once指令：

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

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

自定义指令总结

（1）局部指令：

        new Vue（{

                directives:{指令名：配置对象}

}）

new Vue（{

        directives{指令名：回调函数}

}）

（2）全局指令：

        Vue.directive（指令名，配置对象）

        Vue.directive(指令名。回调函数)

配置对象中常用的三个回调

（1）bind:指令与元素成功绑定是调用

（2）inserted：指令所在元素被插入页面是调用

（3）.update:指令所在模板结构被重新解析是调用

三、备注

1.指令东一时不加-，但使用时要加v-；

2.指令名如果是多个单词，要使用kebab-case（user-name）命名方式，不要用camelCase（userName）命名