開發專案的時候,有很多的東西需要重複使用,例如函式或者變數等,例如**伺服器位址,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...