v-model的原理

306 阅读1分钟

定义

v-model:双向绑定,与数据响应原理不同

v-model的本质

本质是语法糖,负责监听用户的输入事件以更新数据,并对一些场景进行一些特殊处理。

  • text/textarea元素,会生成value属性和input事件
  • radio/checkbox元素,会生成checked属性和change事件
  • select,会生成value属性和change事件

原理

通过父传子、子传父实现双向绑定,是一个语法糖