vue指令及指令修饰符

指令

标签内容绑定 {{msg}}

v-text 属性绑定 不会把标签字符串解析成标签对

v-html 属性绑定 会把标签字符串解析成标签对

v-bind 绑定属性 :

v-on 绑定事件 @click

v-for 循环渲染

v-if 条件渲染

v-show 隐藏显示指令

v-once 只允许渲染一次，数据更新的时候不会再次渲染

v-model 双向绑定

指令修饰符：针对指令添加修饰，完成其他的功能

用法 在指令后面打.(点)调用 可一次调用多个修饰符

number 用于双向绑定 使表单数据自动转换为数字类型

trim 用于双向绑定 把文本内容前面和后面的空格符号去掉

prevent 阻止默认事件

stop 阻止事件冒泡

once 用于事件只绑定一次

enter 指定enter键触发 可以在键盘事件后调用键盘上的任何按键

prop 用于绑定属性 在标签结构中不可见

capture 让事件在捕获(挖洞)过程执行

self 只能有元素本身触发事件 不能有子元素冒泡触发

middle 点击鼠标的滚轮键触发

lazy 输入框失去焦点时候触发