vue3-yuanma/packages/runtime-core/src/componentProxy.ts

import { ComponentInstance } from './component'

export const RenderProxyHandlers = {
  get(target: ComponentInstance, key: string) {
    const { data, props, propsProxy } = target
    if (data.hasOwnProperty(key)) {
      return data[key]
    } else if (props.hasOwnProperty(key)) {
      // return the value from propsProxy for ref unwrapping and readonly
      return (propsProxy as any)[key]
    } else {
      switch (key) {
        case '$data':
          return data
        case '$props':
          return propsProxy
        case '$attrs':
          return target.attrs
        case '$slots':
          return target.slots
        case '$refs':
          return target.refs
        case '$parent':
          return target.parent
        case '$root':
          return target.root
        case '$emit':
          return target.emit
        default:
          return target.user[key]
      }
    }
  },
  set(target: ComponentInstance, key: string, value: any): boolean {
    const { data } = target
    if (data.hasOwnProperty(key)) {
      data[key] = value
      return true
    } else if (key[0] === '$' && key.slice(1) in target) {
      // TODO warn attempt of mutating public property
      return false
    } else if (key in target.props) {
      // TODO warn attempt of mutating prop
      return false
    } else {
      target.user[key] = value
      return true
    }
  }
}