Vue v-model的原理

v-modal是一个语法糖,真正的实现还是靠:
:value="value"
@input="e => value = e.target.value"

本质就是:bind="value"@change="value = $event.target.value"的结合

<input type="text" :value="msg" @input="msg=$event.target.value"><br/>{{msg}}

Vue会默认使用一个名为valueprop,已经名为input的事件 为了避免不用的value有不同的作用,可以使用下面的方式定义自己想要的v-modal行为

model: {
  prop: 'checked',
  event: 'change'
}
全部评论

相关推荐

迷茫的大四🐶:自信一点,我认为你可以拿到50k,低于50k完全配不上你的能力,兄弟,不要被他们骗了,你可以的
点赞 评论 收藏
分享
不愿透露姓名的神秘牛友
06-20 20:30
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务