Vue中的指令与修饰符

指令

V-text:元素的textCentent

v-html:元素的innerHTML

v-show:通过样式的display控制显隐

v-if:通过控制DOM改变显隐

v-else:配合v-if

v-for:循环渲染  必须带有key值  key必须是唯一值

v-on:绑定事件,缩写@

v-bind:绑定变量,缩写:

v-model:双向绑定

v-slot:插槽

v-once:只渲染一次

v-pre:跳过元素编译

v-cloak:隐藏双括号,有值在显示

修饰符

.lazy:输入框失去焦点的时候,才更新v-model值

.trim:去掉v-model绑定的值空格

.number:将v-model绑定的值转数字

.stop:阻止事件冒泡

.capture:事件捕获

.self:点击事件绑定本身才触发

.once:事件只触发一次

.prevent:阻止默认事件

.native:绑定事件在自定义组件上时能确保触发(原生事件)

.left/.right/.middle  :鼠标左中右的触发

.sync:简化子修改父值的步骤