– src
| |__main.js
|__test.js
首先寫乙個全域性方法放入test.js檔案內
// 事先定義好的,為了vue識別註冊之用
exports.install = function
(vue, options) ;
};
使用上面的寫法突然遇到乙個很詭異的報錯:
referenceerror: exports is not defined開始以為json.stringify()造成的,後來經過一番搜尋
參照@gaoryrt的原答案
將**修改為:
// main.js 裡面使用 import commonfun,那麼在 utils/index.js 裡面你需要 export default
// 如果想在 utils/index.js 裡面使用 exports.install =, 那麼在 main.js 應該使用 import
export default
}}
在main.js檔案內引用並註冊
// 因為test.js檔案和main.js檔案處在同級目錄,所以需要新增字首『./』
import test from
'./test'
// 註冊
vue.use(test)
在實際元件內使用:
// 「$mymethod」 是之前定義好的全域性函式名
this.$mymethod();
vue 定義全域性函式
方法一 main.js 注入 1 在main.js中寫入函式 vue.prototype.changedata function 2 在所有元件裡可呼叫函式 this.changedata 方法二 單獨建立乙個 js 檔案,用於存放常用函式,並全域性引用 1 寫好自己需要的base.js檔案 exp...
vue定義全域性變數,全域性函式
如題,在專案中,經常有些函式和變數是需要復用,比如說 伺服器位址,從後台拿到的 使用者的登入token,使用者的位址資訊等,這時候就需要設定一波全域性變數和全域性函式 原理 設定乙個專用的的全域性變數模組檔案,模組裡面定義一些變數初始狀態,用export default 暴露出去,在main.js裡...
vue 全域性函式學習總結
問題專案中需要使用第三方的方法,如果每次都呼叫的話顯得 比較臃腫,所以想要封裝一下多次呼叫的方法。解決使用vue 外掛程式中的 開發外掛程式 實現myplugin.install function vue,options 2.新增全域性資源 vue.directive my directive 3....