双向绑定原理

双向绑定原理

  1. 初始化的时候,把所有视图层的数据添加到对象中

  2. 劫持数据发生的改变【哪个数据添加了v-model】

  3. 劫持的数据去通知dep(订阅者):具体知道哪个数据要改变

  4. 订阅者通知waterch对象,触发update方法来更新视图层

 

  补充:

    data是响应式的,因为data的数据要赋值给new Vue这个实例,而且this.xxx改变data也会跟着改变,所以data是响应式的

posted @ 2022-05-11 17:28  杨建鑫  阅读(49)  评论(0编辑  收藏  举报