VUE 3.0源码之computed

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的对象。

// @vue