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

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日

悬赏问题

  • ¥20 qtcreat 使用msvc编译器开发软件运行时字体锯齿感严重
  • ¥15 c#直接使用C++ 写的class 后续
  • ¥15 为何显示keyerror fruit
  • ¥15 关于#stm32#的问题:/* User can add his own implementation to report the HAL error return state */
  • ¥15 imageware粗糙度表面
  • ¥15 python使用pulp线性优化时报错
  • ¥15 为什么我的uibot导入py模块出错呀。py文件放在了uibot里对应的python文件夹了,卸了重安也不行
  • ¥15 开源或低价数据中台哪个最好
  • ¥15 arduino编程出现字符串疑似覆盖现象
  • ¥15 我的b站在没有碰到屏幕的情况下偶尔会自动跳出进度条,就像在屏幕上点了一下一样,但我并没有点。而且视频进度并没有变。这可能是什么原因造成的?