文件:

  1. api.js定义公共方法
  2. main.js引入api,定义全局变量和方法
  3. 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())    //方法 
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐