其他分享
首页 > 其他分享> > Vue: v-model是 :value 与 @input 的语法糖

Vue: v-model是 :value 与 @input 的语法糖

作者:互联网

<com/>为全局注册的一个子组件

<com v-model="imageUrl" />

上面的写法等价于:

<com :value="imageUrl" @input="val=>imageUrl=val" />
1. 给子组件内部传一个名为value的属性,属性值就是绑定的数据项
2. 在子组件监听一个名为input的事件,回调函数是:将收到的参数值保存到数据项中

 

标签:数据项,Vue,value,组件,input,model,名为,属性
来源: https://blog.csdn.net/weixin_58487208/article/details/120981853