Vue全局变量配置(多用于调用后端API)

我们在使用Vue时，通常需要调用后端API进行一系列的操作。

下面分享一个我的配置方案。

1.变量分类配置

新建文件，加入配置内容如下:

export const apiAddress = {
    install(Vue){
        Vue.prototype.$javaAddress = '11';
    }
};
export const config = {
    install(Vue){
        Vue.prototype.$config = '1';
    }
};
export  default  { apiAddress, config };

在main.js中引入配置

import { apiAddress, config } from './config/address';
Vue.use(apiAddress);
Vue.use(config);

2.目前我在用的

export  default  {
    install(Vue){
        Vue.prototype.$javaAddress = '111';
    }
};

import address from './config/address';
Vue.use(address);