vue为什么重新收集依赖
-
Vue重新收集依赖的原因有两个方面，一个是在组件初始化时，另一个是在依赖发生变化时。
在组件初始化时，Vue首先会执行组件的render函数，用于生成虚拟DOM。在执行render函数期间，Vue会追踪所有在模板中被使用的数据属性，这些被追踪的属性就是依赖。追踪依赖的过程会将相应属性与当前组件建立关联，以便在属性发生变化时，能够触发组件的重新渲染。在追踪依赖时，Vue会使用一个响应式系统来实现，主要是通过在getter方法中收集依赖，将依赖与组件关联起来。
另一个情况是在依赖发生变化时，Vue需要重新收集依赖。在组件渲染过程中，如果某个被追踪的属性发生了变化，Vue会触发一个依赖更新的过程。这个过程首先会通知相关的观察者（Watcher），然后触发组件的重新渲染。而在通知观察者的过程中，Vue会重新收集依赖。这是因为在属性发生变化后，可能会有新的依赖产生，旧有的依赖可能不再被使用，因此需要重新收集依赖来确保相关的依赖和组件能够正确关联起来。
总结起来，Vue重新收集依赖的目的是为了在组件的初始化和依赖发生变化时，能够准确地追踪依赖与组件之间的关联，以实现组件的更新和重新渲染。这样可以保证组件在数据变化时能够及时更新视图，提供更好的用户体验。
2年前 0条评论 -
Vue框架通过重新收集依赖来实现响应式的数据更新。下面是一些原因：
-
响应式模型：Vue使用了响应式的数据模型。当数据发生改变时，页面上对应的视图会自动更新。为了实现这个功能，Vue需要追踪所有相关的依赖项。通过重新收集依赖，Vue可以确认哪些数据在视图中被使用，并建立起数据与视图之间的关联，从而实现数据驱动视图的更新。
-
精确追踪：重新收集依赖可以更精确地追踪数据的变化。Vue会在组件渲染时，对使用到的数据进行依赖收集。这意味着，只有被使用到的数据发生改变时，才会触发组件的重新渲染。这种细粒度的依赖追踪，可以避免不必要的组件重新渲染，提高性能。
-
避免不必要的更新：重新收集依赖还可以避免不必要的视图更新。比如，在组件的计算属性中使用了其他计算属性，在重新收集依赖时，Vue可以正确地追踪到所有被使用的计算属性，并建立起依赖关系。当其中一个计算属性的依赖发生改变时，只有受到影响的计算属性会重新计算，而不会触发整个组件的重新渲染。
-
响应式监听器：Vue使用监听器来追踪数据的变化。监听器会在数据被访问时被触发，并通知相关的视图进行更新。为了实现这个功能，Vue需要在数据被访问时，动态地将监听器添加到依赖项中。重新收集依赖可以确保监听器能够正确地与数据建立关联。
-
动态依赖：Vue支持动态依赖，即数据的依赖关系可以动态地改变。在重新收集依赖时，Vue可以检测到数据的变化，并更新相关的依赖关系。这样，当数据发生变化时，依赖关系也会随之改变，确保正确的视图更新。这对于处理动态组件、条件渲染等场景非常有用。
2年前 0条评论 -
-
Vue为了实现响应式，通过收集依赖来追踪数据的变化并更新视图。当某个数据被使用时，Vue会将这个数据的依赖收集起来，依赖包括观察者（Watcher）和依赖收集器（Dep）。一旦这个数据发生变化，Vue就会根据收集到的依赖进行更新。
Vue中的依赖收集是由观察者和依赖收集器共同实现的。下面将从观察者和依赖收集器两个方面讲解Vue为什么重新收集依赖。
一、观察者
观察者是负责收集依赖和更新视图的对象。每个观察者都与一个响应式数据相关联，当数据发生变化时，观察者会自动更新。-
创建观察者
在初始化Vue实例时，会通过调用watch方法创建一个观察者对象，观察者的实例化包含以下步骤：
a. 调用创建观察者的方法；
b. 在方法内部，判断是否存在观察者实例；
c. 如果不存在，则创建一个观察者实例，并将其缓存起来；
d. 返回观察者实例。 -
依赖收集
依赖收集是观察者的核心功能之一。当观察者创建后，会开始进行依赖收集。
a. 当观察者的get方法被调用时，说明数据被读取（使用）了；
b. 此时，会将当前观察者对象存储为Dep.target；
c. 数据会去读取该数据对应的Dep对象；
d. Dep对象是与数据关联的依赖收集器，其中包含一个观察者列表，用于存储依赖于这个数据的所有观察者；
e. 如果Dep.target不为空，说明存在观察者，将观察者添加到Dep对象的观察者列表中。 -
更新触发
当响应式数据发生变化时，会出发该数据对应Dep对象的notify方法，该方法会遍历观察者列表，依次调用观察者的update方法，从而更新视图。
二、依赖收集器
依赖收集器是用来存储观察者和依赖之间关系的对象。- 创建依赖收集器
在Vue初始化阶段，会为每个响应式数据创建一个Dep对象，用于存储与该数据相关的所有观察者。创建
2年前 0条评论 -
