vue2的响应式原理

响应式的话,主要指的是这个状态改变以后,视图要去主动更新

这个过程,vue是通过两个步骤来实现的

  • 1 数据的劫持

数据劫持也叫做数据拦截,通过Object.defineProperty来把对象中的每一个属性转成setter,getter。那这样的话,在修改对应的属性的时候,就能够去触发这个setter,这样就可以知道哪个属性改变了。

  • 2 依赖收集

就是在渲染视图的时候,要将这个观察者(watcher)和具体的属性结合起来,然后通过发布订阅的模式,这样数据的改变就能够更加精准的去更新到视图上。

posted on 2022-01-12 10:47  xiaobailang  阅读(453)  评论(0)    收藏  举报