Skip to content

[vue] 在组件中怎么访问到根实例？ #449

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
haizhilin2013 opened this issue Jun 22, 2019 · 10 comments
Open

[vue] 在组件中怎么访问到根实例？ #449

haizhilin2013 opened this issue Jun 22, 2019 · 10 comments
Labels
vue vue

Comments

@haizhilin2013
Copy link
Collaborator

[vue] 在组件中怎么访问到根实例？
@haizhilin2013 haizhilin2013 added the vue vue label Jun 22, 2019
@maomao1996
Copy link

通过

this.$root

@webwhy
Copy link

webwhy commented Jul 12, 2019

无限循环调用$parent直到没有这个属性为止

@vipbo
Copy link

vipbo commented Jul 24, 2019

楼上是假尤大？

@radio-qq
Copy link

无限循环调用$parent直到没有这个属性为止

服

@daiwanxing
Copy link

不是有一个this.$root吗？

@qq623807138
Copy link

@webwhy

无限循环调用$parent直到没有这个属性为止

666

@Good-XiaAo
Copy link

无限循环调用$parent直到没有这个属性为止

你不嫌麻烦吗

@hyj443
Copy link

hyj443 commented Oct 19, 2021 •
edited
Loading

$root

看看源码

  // 初始化生命周期相关的属性，以及为$parent,$child属性赋值
  function initLifecycle (vm) {

    var parent = options.parent
    // ......
    vm.$root = parent ? parent.$root : vm; // 如果没有父组件，根组件就是自己，如果有父组件，就取父组件的$root。
    // ......
  }

每个组件都会执行 initLifecycle，初始化自己的生命周期函数，并设置自己的$parent, $child, $root属性

会先从根组件，从上而下初始化，根组件没有父组件，$root 是自己。

它下面的组件都取父组件的$root ，所以都会取到根组件的实例

@jiansun-max
Copy link

无限循环调用$parent直到没有这个属性为止

服

哈哈哈哈哈

@2860754963
Copy link

无限循环调用$parent直到没有这个属性为止

🐂

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
vue vue
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests