v-model的实现原理

136 阅读1分钟

vue中v-model可以实现数据的双向绑定,但是为什么这个指令就可以实现数据的双向绑定呢?其实v-model是vue的一个语法糖。即利用v-model绑定数据后,既绑定了数据,又添加了一个input事件监听。

实现原理:

  • v-bind绑定响应数据
  • 触发input事件并传递数据

示例:

image.png