关于vue3:Vue3源码整理及备注

reactive办法

export function reactive<T extends object>(target: T): UnwrapNestedRefs<T>export function reactive(target: object) {  // if trying to observe a readonly proxy, return the readonly version.  if (target && (target as Target)[ReactiveFlags.IS_READONLY]) {    return target  }  return createReactiveObject(    target,    false,    mutableHandlers,    mutableCollectionHandlers  )}

创立响应式对象办法

function createReactiveObject(  target: Target,  isReadonly: boolean,  baseHandlers: ProxyHandler<any>,  collectionHandlers: ProxyHandler<any>) {  if (!isObject(target)) {    if (__DEV__) {      console.warn(`value cannot be made reactive: ${String(target)}`)    }    return target  }  // target is already a Proxy, return it.  // exception: calling readonly() on a reactive object  if (    target[ReactiveFlags.RAW] &&    !(isReadonly && target[ReactiveFlags.IS_REACTIVE])  ) {    return target  }  // target already has corresponding Proxy  const proxyMap = isReadonly ? readonlyMap : reactiveMap  const existingProxy = proxyMap.get(target)  if (existingProxy) {    return existingProxy  }  // only a whitelist of value types can be observed.  const targetType = getTargetType(target)  if (targetType === TargetType.INVALID) {    return target  }  const proxy = new Proxy(    target,    targetType === TargetType.COLLECTION ? collectionHandlers : baseHandlers  )  proxyMap.set(target, proxy)  return proxy}