指令:
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 监听组件根元素的原生事件