weixin_42149730 2021-02-20 16:41 采纳率: 100%
浏览 1551
已结题

Vue里this.、this.$data.跟this.$root.这3个有什么区别吗?

Vue纯新人,就像问下我定义了一个p标签:

也加了对应的vue实例

然后我发现这个app.foo跟app.$data.foo,app.$root.foo这3个值是一样的,就纯好奇,问一下各位大佬,这3个有什么区别么?(就单纯的好奇,想看下是不是有啥底层的实现区别之类的)

  • 写回答

1条回答 默认 最新

  • 打杂的程序员 2021-02-20 17:29
    关注

    app.foo和app.$data.foo性质一样,源码里会给vm.key 做一层代理,返回实际vm['_data'][key],所以如果vue中通过this. 方式访问data中的数据时,实际上是返回了this._data中的数据。

    app.$root.foo访问得到的是根父组件中的foo。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 11月24日
  • 已采纳回答 11月16日

悬赏问题

  • ¥30 Matlab打开默认名称带有/的光谱数据
  • ¥50 easyExcel模板 动态单元格合并列
  • ¥15 res.rows如何取值使用
  • ¥15 在odoo17开发环境中,怎么实现库存管理系统,或独立模块设计与AGV小车对接?开发方面应如何设计和开发?请详细解释MES或WMS在与AGV小车对接时需完成的设计和开发
  • ¥15 CSP算法实现EEG特征提取,哪一步错了?
  • ¥15 游戏盾如何溯源服务器真实ip?需要30个字。后面的字是凑数的
  • ¥15 vue3前端取消收藏的不会引用collectId
  • ¥15 delphi7 HMAC_SHA256方式加密
  • ¥15 关于#qt#的问题:我想实现qcustomplot完成坐标轴
  • ¥15 下列c语言代码为何输出了多余的空格