專案需要定義乙個全域性變數供所有vue例項使用,首先在common.js中:
import axios from 'axios';
const api = /******`;
const res = await axios.get(url);
return res;
},}export default api;
在main.js中引用:
import api from './common';
vue.prototype.$api = api;
然後就可以直接在vue例項中使用了:
async created()
至於為什麼$ api要以$開頭?
$ 是在 vue 所有例項中都可用的屬性的乙個簡單約定。這樣做會避免和已被定義的資料、方法、計算屬性產生衝突。
詳見:
vue定義全域性變數
在開發中,有時需要將從介面請求到的一些資料當做全域性變數,在其他頁面多次使用。比如,登入成功後可能需要將使用者名稱,id等資訊存起來,便於其他頁面展示或使用,將這些資訊定義為全域性變數是用起來就很方便。舉栗子 在login.vue中拿到了使用者的一些資訊 import vue from vue 注意...
vue定義全域性變數
在開發中,有時需要將從介面請求到的一些資料當做全域性變數,在其他頁面多次使用。比如,登入成功後可能需要將使用者名稱,id等資訊存起來,便於其他頁面展示或使用,將這些資訊定義為全域性變數是用起來就很方便。例如 export default methods vue.prototype.usermsg u...
vue定義全域性變數,全域性函式
如題,在專案中,經常有些函式和變數是需要復用,比如說 伺服器位址,從後台拿到的 使用者的登入token,使用者的位址資訊等,這時候就需要設定一波全域性變數和全域性函式 原理 設定乙個專用的的全域性變數模組檔案,模組裡面定義一些變數初始狀態,用export default 暴露出去,在main.js裡...