Vue中的指令与修饰符

1|0指令

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:隐藏双括号,有值在显示

2|0修饰符

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

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

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

.stop:阻止事件冒泡

.capture:事件捕获

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

.once:事件只触发一次

.prevent:阻止默认事件

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

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

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

 

__EOF__

本文作者：长安
本文链接：https://www.cnblogs.com/jingxin01/p/16411268.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！