Vue.js是否有一种惯用的方法来声明像baseUrl
这样的应用程序范围的全局变量,然后在整个应用程序中引用它们(用于API调用等)?
如果是这样,在构建时配置此类全局变量以创建开发,测试和生产实例的最佳方法是什么?例如,我想做export BASEURL='http://dev.myapp.com'
,运行构建并获得配置了此baseUrl的应用程序。这反过来又允许我为持续交付创建自动构建,更新某些分支(develop
- > dev.myapp.com
,master
- > www.myapp.com
等。/ p>
谢谢!
答案 0 :(得分:3)
我的所作所为:使用一些状态管理工具,例如Vuex。
如果您不想为应用添加复杂性,我使用父Vue实例,比如说App.vue
并在该实例中定义全局数据,然后当我需要来自父级的数据时,我调用{ {1}}如果你想要baseUrl。请注意,您也可以调用this.$root.baseUrl
,但这只适用于直接孩子,如果您在孩子的孩子中,您将无法获得全局数据,这就是为什么this.$parent.baseUrl
对象更好。< / p>