proxy() — vue Function Reference

Architecture documentation for the proxy() function in state.ts from the vue codebase.

Function typescript CoreRuntime Instance called by 3

Entity Profile

CoreRuntime→ Instance→ proxy() — vue Function Reference

Dependency Diagram

graph TD
  cedf6e5d_ac48_bf6f_0fc6_d75bd1082b6e["proxy()"]
  910d3a96_5984_cf85_40a3_47933bd75818["state.ts"]
  cedf6e5d_ac48_bf6f_0fc6_d75bd1082b6e -->|defined in| 910d3a96_5984_cf85_40a3_47933bd75818
  c750fd7d_92c7_85b0_ab1c_c459424e4fb5["initProps()"]
  c750fd7d_92c7_85b0_ab1c_c459424e4fb5 -->|calls| cedf6e5d_ac48_bf6f_0fc6_d75bd1082b6e
  7f0dd149_783c_767f_2b75_50290f62a377["initProps()"]
  7f0dd149_783c_767f_2b75_50290f62a377 -->|calls| cedf6e5d_ac48_bf6f_0fc6_d75bd1082b6e
  71dd8c80_4600_3a78_a4ac_26befd4658cc["initData()"]
  71dd8c80_4600_3a78_a4ac_26befd4658cc -->|calls| cedf6e5d_ac48_bf6f_0fc6_d75bd1082b6e
  style cedf6e5d_ac48_bf6f_0fc6_d75bd1082b6e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/instance/state.ts lines 42–50

export function proxy(target: Object, sourceKey: string, key: string) {
  sharedPropertyDefinition.get = function proxyGetter() {
    return this[sourceKey][key]
  }
  sharedPropertyDefinition.set = function proxySetter(val) {
    this[sourceKey][key] = val
  }
  Object.defineProperty(target, key, sharedPropertyDefinition)
}