vue指令参考

今天主要学习一下vue指令，想要代码撸得快，就要多看书，多看看官方的文档和学习指令，学习编程是一个非常享受的过程，尤其是你不断地去解决问题，获得一项技能，实现薪水的上涨。进行Vue的指令烹饪吧。

v-text ：string 用法：更新元素的textContent,更新部分的textContent，需要使用{{Mustache}}插值
v-html： string 用法：更新元素的innerHTML；注意：网站动态渲染任意HTML，容易导致XXS攻击
v-show：any 用法：根据表达式真假值，切换元素的 display css 属性
v-if：any 用法：表达式的真假条件渲染元素。在切换时元素以及它的数据绑定/组件被销毁并且重建。如果是,并提出它的内容作为条件块。 条件变化时改指令出发过渡效果。
v-else :不需要表达式 用法：前面必须用 v-if 或者 v-else-if
v-else-if:any 用法：前面必须用v-if 或者v-else-if 表示v-if的else if块。可以链式调用
v-for :Array | Object | number | string 用法：基于源数据多次渲染元素或者模板块 语法：alias in expression
v-on: 缩写@；：Function | Inline Statement 参数 $event( required) 修饰符 　　　　
.stop—调用 event.stopPropagation(),
.capture --添加事件侦听器时使用capture模式
.prevent —调用event.preventDefault(）
.self—只当事件是从着特定键触发时才触发回调
.{keyCode | keyAlias} – 只当事件是从特定键触发时才触发回调
(PS:官网是这么说的
　　 .self - 只当事件是从侦听器绑定的元素本身触发时才触发回调
.{keyCode | keyAlias} - 只当事件是从侦听器绑定的元素本身触发时才触发回调。
　　 我这里理解成了 特定键触发时才触发回调，注意侦听器绑定的元素）
.native —监听组件根元素的原生事件
.once----只触发一次回调
.left—(2.2.0)只当点击鼠标左键时触发
.right —(2.2.0)只当点击鼠标右键时触发
.middle —(2.2.0)只当点击鼠标中键时触发
用法：绑定事件监听器。事件类型由参数指定