为什么访问data属性不需要带data

原创于 2022-08-08 16:58:46 发布 · 278 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #开发语言

Vue 专栏收录该内容

18 篇文章

订阅专栏

本文解析了Vue中通过proxy实现数据属性访问代理，展示了如何将对象属性映射到特定成员，使得无需使用'data'前缀直接访问。

为什么访问data属性不需要带data

vue中访问属性代理 this.data.xxx 转换 this.xxx 的实现

 /** 将 某一个对象的属性 访问 映射到 对象的某一个属性成员上 */
function proxy( target, prop, key ) {
  Object.defineProperty( target, key, {
    enumerable: true,
    configurable: true,
    get () {
      return target[ prop ][ key ];
    },
    set ( newVal ) {
      target[ prop ][ key ] = newVal;
    }
  } );
}