光之使者 发表于 2022-8-11 11:05:22

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:简化子修改父值的步骤
 

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: Vue中的指令与修饰符