在表单上的应用
动态绑定input的value指向msg变量,并且在触发input事件的时候去动态把mmsg设置为目标值
<input v-mode="data"/> 等同于 <input v-bind:value="msg" v-on:input="msg=$event.target.value"/> 1 2 3
在组件上的应用
在自定义组件中,v-model默认会利用value的prop和名字为input的事件
本质上是一个父子传值,通过prop和$emit实现。因此父组件v-model语法糖本质上就可以修改:
<aa-input v-model="aa"/> 等同于: <aa-input v-bind:value="aa" v-on:input="aa=$event.target.value"/> 子组件: <input v-bind:vlaue="aa" v-on:input="msg"/> props:{ value:aa }, methods:{ msg(e){ $emit('input',e.target.vlaue) } }