vue中常用的指令以及修饰符

指令：

v-bind   简写  ：    动态绑定元素属性

v-on     简写   @     用于监听dom事件

v-if/v-else-if/v-else    条件渲染

v-for    遍历数组或者对象进行渲染

v-show   根据条件判断对元素进行显示还是隐藏

v-model  对表单元素进行双向数据绑定

v-once   初次动态渲染后视为静态内容

v-cloak   解决网速慢等一系列问题，当未及时解析渲染对插值表达式进行隐藏 配合css使用

v-pre   跳过指令编译，直接将元素作为静态内容渲染，注意不要和插值语法使用

常见的修饰符：

.prevent    阻止默认事件

.stop      阻止事件冒泡

.capture   使用事件捕获而不是事件冒泡

.self        只触发元素本身才能触发处理函数

.once      事件只触发一次

.passive   改善移动设备的滚动性能

.sync       子父组件数据的双向绑定

.trim       失去焦点自动去除首尾空格

.lazy      与input元素配合使用，将监听事件延迟到change事件触发

.native   监听组件根元素的原生事件