Vue的v-model的实现原理以及常用指令和修饰符,

v-model的实现原理:

v-model="msg"等同于 :value="msg"  @input="msg=$event.target.value"
v-model其实是个语法糖,它实际上是做了两步动作:
1、绑定数据value
2、触发输入事件input
一句话概括就是,绑定数据并且监听数据改变


Vue的常用指令:


v-text、v-html、v-pre、v-once、v-show、v-if、v-else、v-else-if、v-for、v-on、v-bind、v-model


Vue的修饰符:

.trim   自动过滤用户输入的首尾空格
.number   自动将用户的输入值转化为数值类型
.lazy    默认情况下,v-model同步输入框的值和数据。可以通过这个修饰符,转变为在change事件再同步。
.stop 阻止事件继续传播
.prevent 事件不再重载页面
.once 事件将只会触发一次
.passive 告诉浏览器你不想阻止事件的默认行为

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值