vue定義全域性變數

2021-09-27 04:26:24 字數 737 閱讀 7572

在開發中,有時需要將從介面請求到的一些資料當做全域性變數,在其他頁面多次使用。比如,登入成功後可能需要將使用者名稱,id等資訊存起來,便於其他頁面展示或使用,將這些資訊定義為全域性變數是用起來就很方便。

例如:

export default 

},methods:

vue.prototype.$usermsg = usermsg; //將全域性變數模組掛載到vue.prototype中

this.$router.push();},}

}

新建乙個global.js為全域性js,自定義全域性變數:

const host = 'localhost:8080';

const token = 'abcdefg123456';

const city = '上海';

export default

在vue頁面中使用:

點我

將上面例子中的global.js在入口檔案main.js中引入並掛載:

import global_msg from './js/global.js'   //注意檔案路徑,實際路徑以專案目錄結構為準

vue.prototype.$global_msg = global_msg;

在頁面中使用:

點我

vue定義全域性變數

在開發中,有時需要將從介面請求到的一些資料當做全域性變數,在其他頁面多次使用。比如,登入成功後可能需要將使用者名稱,id等資訊存起來,便於其他頁面展示或使用,將這些資訊定義為全域性變數是用起來就很方便。舉栗子 在login.vue中拿到了使用者的一些資訊 import vue from vue 注意...

vue定義全域性變數,全域性函式

如題,在專案中,經常有些函式和變數是需要復用,比如說 伺服器位址,從後台拿到的 使用者的登入token,使用者的位址資訊等,這時候就需要設定一波全域性變數和全域性函式 原理 設定乙個專用的的全域性變數模組檔案,模組裡面定義一些變數初始狀態,用export default 暴露出去,在main.js裡...

vue怎樣定義全域性變數

專案需要定義乙個全域性變數供所有vue例項使用,首先在common.js中 import axios from axios const api const res await axios.get url return res export default api 在main.js中引用 import...