vue 定義全域性變數或函式

2022-04-06 09:01:31 字數 660 閱讀 9947

開發專案的時候,有很多的東西需要重複使用,例如函式或者變數等,例如**伺服器位址,token等,這時候就需要設定一波全域性變數和全域性函式

新建乙個模組檔案,然後在main.js裡面通過vue.prototype將函式掛載到vue例項上面,通過this.函式名,來執行函式。

簡單的函式可以直接在main.js裡面直接寫

vue.prototype.changedata = function ()

元件中呼叫:

this.changedata();//

直接通過this執行函式

base.js檔案,檔案位置可以放在跟main.js同一級,方便引用

exports.install = function

(vue, options) ;

vue.prototype.text2 = function ();

};

main.js入口檔案:

import base from './base'//

引用vue.use(base);//

將全域性函式當做外掛程式來進行註冊

具體使用:

this

.text1();

this.text2();

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

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

vue定義全域性變數

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

vue定義全域性變數

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