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

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日

悬赏问题

  • ¥50 R语言读取nc按月均值转为tif
  • ¥30 智能车串级pid调参
  • ¥15 visual studio code翻译老是错误
  • ¥20 卫星测高数据的高程转换
  • ¥15 爬取招聘网站数据信息
  • ¥15 安装完tensorflow,import tensorflow as tf后报错,如何解决?
  • ¥15 ultralytics库导出onnx模型,模型失去预测能力
  • ¥15 linux下点对点协议连接2个USB串口的硬件流量控制问题
  • ¥15 SQL数据自动生成问题
  • ¥15 设密码后无法访问他人的共享文件