vue怎樣定義全域性變數

2021-09-26 10:29:55 字數 480 閱讀 4673

專案需要定義乙個全域性變數供所有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裡...