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

vue.js中的应用程序范围全局,vue.js,Vue.js,Vue.js是否有一种惯用的方法来声明应用程序范围的全局变量,如baseUrl,然后在整个应用程序中引用它们(用于API调用等) 如果是这样,那么在构建时配置这些全局变量以创建开发、测试和产品实例的最佳方法是什么?例如,我设想执行export BASEURL='1!'http://dev.myapp.com“,运行生成并获取配置了此baseUrl的应用程序。这将反过来允许我为连续交付创建自动构建,并更新某些分支(dev->dev.myapp.com,master->www.myapp.com等)

Vue.js是否有一种惯用的方法来声明应用程序范围的全局变量,如
baseUrl
,然后在整个应用程序中引用它们(用于API调用等)

如果是这样,那么在构建时配置这些全局变量以创建开发、测试和产品实例的最佳方法是什么?例如,我设想执行
export BASEURL='1!'http://dev.myapp.com“
,运行生成并获取配置了此baseUrl的应用程序。这将反过来允许我为连续交付创建自动构建,并更新某些分支(
dev
->
dev.myapp.com
master
->
www.myapp.com
等)


谢谢

我所做的:使用一些状态管理工具,比如

如果你不想给你的应用增加复杂性,我会使用一个父Vue实例,比如说
app.Vue
,并在该实例中定义全局数据,然后当我需要来自父Vue的数据时,我会调用
this.$root.baseUrl
,以防你需要baseUrl。请注意,您也可以调用
this.$parent.baseUrl
,但这只适用于直接子对象,如果您在子对象的子对象中,则无法获取全局数据,这就是为什么
$root
对象更好的原因