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对象更好。