Vue双向绑定v-model的实现原理

v-model其实是一个语法糖

背后包含两个操作

v-bind动态绑定一个value属性v-on给当前元素绑定input事件 也就是说以下两段代码等价 <input type="text" v-model="message"> <!--等同于下面--> <input type="text" v-bind:value="message" v-on:input="message=$event.target.value">