如何从 VueJs 的子模板访问根组件数据？

Question

是否可以从 VueJs 的模板中访问 this.$root？

例子：

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

我知道我可以在数据 object 中添加一个属性并将其指向 $root.cardElevation，但由于我将有许多组件使用此值，所以我希望能够直接从模板访问它。

Answer 1

我不认为以这种方式访问根组件是可能的，也不是最好的方法，而是创建一个配置文件，导入它并让数据属性从配置文件中获取所需的配置。