![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js面试题
XXXX_康康吖
这个作者很懒,什么都没留下…
展开
-
vue2的响应式原理怎么实现?
当一个组件中的数据被访问时,会触发对应的 getter,然后把该组件的 Watcher 添加到依赖列表中。当某个依赖的数据发生变化时,会触发对应的 setter,然后通知依赖列表中的所有 Watcher 执行更新操作。只有在初始化时存在的属性才会被转换为响应式属性,新添加的属性或删除的属性不会被响应式监听。当一个属性被读取时,会触发 getter,然后把对应的依赖 (Watcher) 添加到依赖列表中。当数据发生变化时,相关的组件会自动更新,并且更新只发生在需要更新的组件上,提高了性能。原创 2023-07-07 08:25:52 · 101 阅读 · 0 评论 -
vue3响应式原理的实现?
在访问响应式数据对象的属性时,Vue 3会将正在访问这个属性的地方收集起来,并建立一个依赖关系图。Vue 3中的响应式原理相较于Vue 2有了较大的改进。它能够在初始化时追踪到动态添加的属性,并且能够进行深层次的依赖追踪,而不仅限于对象的顶层属性。2. 当我们访问响应式数据对象的属性时,Proxy对象会拦截这个操作,并建立一个依赖关系,将这个属性和正在访问它的地方关联起来。3. 当我们修改响应式数据对象的属性时,Proxy对象同样会拦截这个操作,并通知所有依赖于这个属性的地方进行更新。原创 2023-07-07 08:26:32 · 131 阅读 · 0 评论