Vue
双向绑定实际上就是指 v-model
v-model 的作用
v-model
可以在绑定一个变量后实现:
- 在变量变化后使
UI
变化 - 用户改变
UI
时数据也跟着变化 这就是双向绑定
深入理解
v-model
实际上是 v-bind-value
和 v-on:input
的语法糖
v-model
对应的 v-on:input = "?"
,要分以下情况讨论
-
原生组件:
v-on:input = "xxx = $event.target.value"
-
自定义组件:
v-on:input = "xxx = $event"
Vue 双向绑定 文章: