Skip to content

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

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

[vue] 在组件中怎么访问到根实例?

Activity

maomao1996

maomao1996 commented on Jun 28, 2019

@maomao1996

通过

this.$root
webwhy

webwhy commented on Jul 12, 2019

@webwhy

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

vipbo

vipbo commented on Jul 24, 2019

@vipbo

楼上是假尤大?

radio-qq

radio-qq commented on Dec 31, 2020

@radio-qq

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

daiwanxing

daiwanxing commented on Jan 5, 2021

@daiwanxing

不是有一个this.$root吗?

qq623807138

qq623807138 commented on Mar 4, 2021

@qq623807138

@webwhy

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

666

Good-XiaAo

Good-XiaAo commented on Mar 29, 2021

@Good-XiaAo

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

你不嫌麻烦吗

hyj443

hyj443 commented on Oct 19, 2021

@hyj443

$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

jiansun-max commented on Jul 19, 2022

@jiansun-max

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

哈哈哈哈哈

2860754963

2860754963 commented on Jan 10, 2023

@2860754963

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

🐂

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@maomao1996@webwhy@vipbo@daiwanxing

        Issue actions

          [vue] 在组件中怎么访问到根实例? · Issue #449 · haizlin/fe-interview