что означает это. $ root в компоненте?

Question

У меня есть основной компонент 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) Что означает эта строка? <RouterView :key="$route.fullPath" />.Я имею в виду, почему мы проходим :key="$route.fullPath"?

Answer 1

this. $ Root

• Корневой экземпляр Vue текущего дерева компонентов.https://vuejs.org/v2/api/#vm-root

this. $ Root.children

• Прямые дочерние компоненты текущего экземпляра.https://vuejs.org/v2/api/#vm-children

это. $ Root всегда компонент App.vue?

• Нет.App.vue имеет родительский компонент, это new Vue(...) в main.js.таким образом, new Vue(...) - это фактический $root

- вот что. $ root.children дочерние элементы этого компонента App.vue, что означает, что все остальные компоненты будут в этом массиве. $ root.children?

• .children являются ПРЯМЫМИ дочерними компонентами, а НЕ ДЕСКЕНДАНТАМИ.В этом случае $root имеет только 1 прямого потомка, то есть App.vue

Что означает эта строка?,Я имею в виду, почему мы передаем: key = "$ route.fullPath"?

• это хорошо объяснено в https://stackoverflow.com/a/52848095/5599288