v-mode 双向数据绑定
- 效果
数据改 , 视图更
视图改, 数据更 - 实现
使用v-model实现 - 缺点
v-model默认绑定value属性, 所以v-model只能在表单使用 - 原理
- 为什么数据能直接在视图显示
v-model默认绑定了DOM对象的value属性, 当它初次绑定的时候,
就会触发getter,watcher就会触发, watcher通知Vue生成新的VDOM树,
再通过render函数进行渲染,生成真实DOM - 为什么视图修改数据就会修改
当视图修改是, 意味着DOM的value属性值改变,就会触发setter,watcher监听机制就会执行
watcher通知Vue生成新的VDOM树,再通过render函数进行渲染,生成真实DOM