如何理解 Vue 的响应式系统？

最新推荐文章于 2024-10-18 15:58:53 发布

Arachnid314

最新推荐文章于 2024-10-18 15:58:53 发布

阅读量390

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_43894639/article/details/123295225

版权

官方文档如何追踪变化

vue 采用的是观察者模式-发布订阅模式 相似 , 是一种一对多的关系
vue 使用 Object.defineProperty 来设定监听 data 中的数据，编写 getter 和 setter 的功能
vue 在解析 template,发现有视图在获取 data 中的数据，触发 getter，会进行依赖收集, 会将渲染 watcher、计算属性 watcher、侦听器 watcher, 都收集到对应的 dep 中
当 data 中的 setter 触发时，通知 watcher，然后触发关联的组件渲染