Vue.js 在组件中，$root意味着什么？_Vue.js_Vuejs2_Vue Component_Vue Router

Vue.js 在组件中，$root意味着什么？

vue.js vuejs2

Vue.js 在组件中，$root意味着什么？,vue.js,vuejs2,vue-component,vue-router,Vue.js,Vuejs2,Vue Component,Vue Router,我有一个主App.vue组件。在这里，我有以下代码： export default { data() { return { testVariable:false } }, } </script> <template> <VApp :dark="testVariable:false" <div id="app"> <RouterView :key="$route.fullPath" /&g

我有一个主App.vue组件。在这里，我有以下代码：

export default {
  data() {
    return {
      testVariable:false
    }
  },
}
</script>

<template>
  <VApp :dark="testVariable:false"
    <div id="app">
      <RouterView :key="$route.fullPath" />
    </div>
  </VApp>
</template>

data() {
    return {
      testVariable: this.$root.$children[0].testVariable,
    }
  },

methods: {
    darkModeToggle(e) {
      this.$root.$children[0].testVariable = e
    },
  },

问题1）这个$root和这个$root.children是什么意思？是

this.$root

始终是App.vue组件（因为App.vue是所有组件的父级）。

this.$root.children

是否是此App.vue组件的子组件，这意味着所有其他组件都将位于

this.$root.children

数组中

问题2）这一行是什么意思？

。我的意思是为什么我们要传递

：key=“$route.fullPath”？

这个。$root

当前组件树的根Vue实例

这是$root.children

当前实例的直接子组件

这是。$root始终是App.vue组件吗

没有。
```
App.vue
```
有一个父组件，它是main.js中的
```
新vue（…）
```
。因此，
```
新的Vue（…）
```
就是实际的
```
$root
```

此.root.children是否是此App.vue组件的子组件，这意味着所有其他组件都将在此.root.children数组中

```
.children
```
是直接的子组件，而不是子组件。在这种情况下，
```
$root
```
只有一个直接子级，即
```
App.vue
```

这条线是什么意思。我是说为什么我们要通过：key=“$route.fullPath”

这在书中解释得很好

这个。$root

当前组件树的根Vue实例

这是$root.children

当前实例的直接子组件

这是。$root始终是App.vue组件吗

没有。
```
App.vue
```
有一个父组件，它是main.js中的
```
新vue（…）
```
。因此，
```
新的Vue（…）
```
就是实际的
```
$root
```

此.root.children是否是此App.vue组件的子组件，这意味着所有其他组件都将在此.root.children数组中

```
.children
```
是直接的子组件，而不是子组件。在这种情况下，
```
$root
```
只有一个直接子级，即
```
App.vue
```

这条线是什么意思。我是说为什么我们要通过：key=“$route.fullPath”

这在书中解释得很好

那么，$root将始终是用main.js编写的新Vue实例？不管我从哪个组件正确调用它？这在Nuxt中是否相同？因此，$root将始终是在main.js中编写的新Vue实例？不管从哪个组件我称之为正确的？这在Nuxt中会是相同的吗？