手写vue双向绑定数据

来一张原理图：

实现思路：

　　（1）绑定data 种的数据，为每个数据添加指令。通过Object,defineProperty() 来通知属性是否更改

　　（2） 找到每个DOM节点的指令。绑定事件。并绑定watcher

　　（3）  实现DOM事件改变之后， 响应data数据，实现视图更新

  
  "app">
    "text" v-model="number"/>
    "number">
    "text" v-model="age"/>
    "age">
  
   

 

转载于:https://www.cnblogs.com/yaobolove/p/8885878.html