vue 3/13

vue 响应式原理

  遍历data中的property,并使用object。definefineproperty把这些property全部转成getter/setter 每个组件实例都对应一个watch实例,它会在组件渲染的过程中把接触过的数据propenty记录

  之后当依赖项的setter触发时,会通知watcher,从而使它关联的组件从新渲染

  1初始化传入的data数据

  2 将数据进行观测  

  3如果是对象调用defineReactive从新定义 

  使用的就是object.defineProperty

vue为什么采用异步渲染

  当我们数据变化之后会调用dep.notify()   

  通知watcher更新  watcher调用updata()方法

  将watcher放在对列中,如果相同的watcher只存一个

  最后调用nextTick( )方法异步刷新

 

上一篇:Java代码优化:使用构造函数和使用一个个setter的效率差别


下一篇:第十二次作业