1. 入口
computed方法首先调用_computed实现计算属性,然后调用recordInstanceBoundEffect记录当前的effect,方便当组件卸载时清除
import {
computed as _computed } from '@vue/reactivity'
function computed<T>(
getterOrOptions: ComputedGetter<T> | WritableComputedOptions<T>
) {
const c = _computed(getterOrOptions as any)
recordInstanceBoundEffect(c.effect)
return c
}
2. 实现
首先收集getter和setter,然后调用effect方法生成一个响应式功能的函数,最后返回一个有get value
和set value
的对象。