如何從 VueJs 的子模板訪問根組件數據？

Question

是否可以從 VueJs 的模板中訪問 this.$root？

例子：

 <template> <v-card elevation="this.$root.$refs.foo.cardElevation"> Foo </v-card> </template>

我知道我可以在數據 object 中添加一個屬性並將其指向 $root.cardElevation，但由於我將有許多組件使用此值，所以我希望能夠直接從模板訪問它。

Answer 1

我不認為以這種方式訪問根組件是可能的，也不是最好的方法，而是創建一個配置文件，導入它並讓數據屬性從配置文件中獲取所需的配置。