vue.js 中的应用程序范围的全局变量

Question

Vue.js 是否有一种惯用的方式来声明应用程序范围的全局变量，例如 baseUrl，然后在整个应用程序中引用它们（用于 API 调用等）？

如果是这样，在构建时配置此类全局变量以创建开发、测试和生产实例的最佳方法是什么？例如，我想象做export BASEURL='http://dev.myapp.com'，运行一个构建并获得一个配置了这个 baseUrl 的应用程序。这反过来又允许我为持续交付创建自动构建，某些分支被更新（develop -> dev.myapp.com，master -> www.myapp.com 等）。

谢谢！

Answer 1

我做什么：使用一些状态管理工具，比如Vuex。

如果您不想增加应用程序的复杂性，我会使用父级 Vue 实例，比如说 App.vue 并在该实例中定义全局数据，然后当我需要来自父级的数据时，我会调用 this.$root.baseUrl如果你想要baseUrl。请注意，您也可以调用 this.$parent.baseUrl 但这仅适用于直接子代，如果您在子代的子代中，则不会获得全局数据，这就是 $root 对象更好的原因。