vue全域性函式

2021-08-27 23:51:05 字數 915 閱讀 4573

– 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....