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

小码哥・Martin

于 2022-08-08 16:58:46 发布

阅读量261

点赞数

分类专栏： Vue 文章标签： javascript vue.js 开发语言

本文链接：https://blog.youkuaiyun.com/php_martin/article/details/125872879

版权

Vue 专栏收录该内容

18 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么访问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;
    }
  } );
}