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

v-model其实是一个语法糖

背后包含两个操作

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

猜你喜欢

转载自blog.csdn.net/wennianzhu/article/details/107059800