Vue 的双向绑定如何实现

122 阅读1分钟

Vue 双向绑定实际上就是指 v-model

v-model 的作用

v-model 可以在绑定一个变量后实现:

  1. 在变量变化后使 UI 变化
  2. 用户改变 UI 时数据也跟着变化 这就是双向绑定

深入理解

v-model 实际上是 v-bind-valuev-on:input 的语法糖

v-model 对应的 v-on:input = "?" ,要分以下情况讨论

  • 原生组件:v-on:input = "xxx = $event.target.value"

  • 自定义组件:v-on:input = "xxx = $event"

Vue 双向绑定 文章: