vue3的computed源码解析

computed内部实现原理

一句话总结: computed是一个函数，该函数返回"一个通过ComputedRefImpl类实例化的对象"。
详情介绍: computed函数接收“一个有返回值的函数fn”，computed函数内部再将fn传递给ComputedRefImpl类进行实例化，ComputedRefImpl类内主要做了两件重要的事情，一是初始化构造函数，二是有getter方法触发依赖收集。

• 在初始化构造函数时，使用ReactiveEffect类进行实例化
  ReactiveEffect类接收两个参数，第一个参数是fn，第二参数是一个匿名函数，该匿名函数中调用triggerRefValue方法用于触发依赖。ReactiveEffect类实例化后的值保存再公共变量effect中。那triggerRefValue方法是怎么触发依赖的呢？当computed里的响应式数据被设置时，触发响应式数据的set方法track，track又调用了triggerEffects方法，triggerEffects方法里变量所有的dep,当dep里有computed属性时调用triggerEffect，后triggerEffect函数内先判断有没有scheduler方法，有就直接调用scheduler方法，scheduler方法里有triggerRefValue方法来触发computed的所有依赖。
• getter方法
  在getter函数中先调用trackRefValue方法收集依赖，后返回_value值。那trackRefValue方法是怎么收集依赖的呢？getter方法调用trackRefValue方法时，把this也就是ComputedRefImpl类的实例化对象传递过去，该实例化对象中有一个dep公共变量用于收集依赖，trackRefValue方法内在调用trackEffects方法并把dep传递过来，在dep里add（activeEffect）把依赖收集起来。