文件:
- api.js定义公共方法
- main.js引入api,定义全局变量和方法
- login.vue 为某个具体页面
export例子
api.js
export const BASE_URL = 'http://112.1.1.1';
mian.js
import {BASE_URL} from './util/api.js'
Vue.prototype.$BASE_URL = BASE_URL;
Vue.prototype.$GET_URL = function(){
return 'http://base_url'
};
login.vue
console.log(this.$BASE_URL); //变量
console.log(this.$GET_URL()); //方法
export default例子
api.js
const TEST_URL = 'http://112.1.1.1';
const TEST_METHODS = function(){
return 'test_methods'
}
export default {
TEST_URL,
TEST_METHODS
}
mian.js
import testapi from './util/testapi.js'
Vue.prototype.$TEST_URL = testapi.TEST_URL;
Vue.prototype.$TEST_METHODS = testapi.TEST_METHODS;
login.vue
console.log(this.$TEST_URL) //变量
console.log(this.$TEST_METHODS()) //方法