vue建立全域性變數以及全域性方法

2021-09-25 14:29:27 字數 552 閱讀 8077

vue建立全域性變數和方法有很多種,不過在這我推薦使用先新建乙個js檔案,這個檔案主要就是寫乙個物件,這個物件直接帶屬性和方法即可,然後在main.js引入,引入後再用vue.prototype把引入的檔案直接掛接到vue的原型上。

例如:新建的js檔案內容:

/*

在檔案的開始先定義乙個物件

*/const aa = {}

// 要全域性的變數的話

aa.name = '張三'

// 定義方法

aa.bb= function ( ) ;

export default aa

在main.js中

// 引入封裝好的js檔案的路徑

import aa from './***/***/***'

// 把全域性js掛接到vue原型上

vue.prototype.$aa = aa

這樣就能用了

在vue例項化上要用變數的話就話就直接this.aa.name,用方法的話就this.aa.bb()這樣就ok了

vue 建立 全域性變數 全域性訪問

有個問題我還是想深入研究一下 就是關於 vue 中全域性變數這個概念 和實現方法的 不少人想都沒想,直接用vuex啊。對啊,我也是這個樣想的 直接用vuex不就啥事沒有了。vuex支援 定義 修改。還會實時重新整理,用來記錄狀態 再好不過 但是其他方式 還是有它的優勢的。最簡單的方法,也是最常見的 ...

vue全域性變數

vue全域性變數 好,下面介紹一種方式,把全域性變數引入。1 新建js檔案 檔案內容如下 const base url export default 2 修改入口main.js檔案 import global from static config global 然後使用變數 vue.prototyp...

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

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