uni-app export與export default用法

文件:

  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())    //方法 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章