vue專案中定義全域性變數

2021-09-19 16:02:31 字數 658 閱讀 1023

前言:專案中經常用到使用者登入後的token、使用者名稱、使用者id等等,這個時候就需要全域性變數或者函式了,這裡就簡單說一下全域性變數。

首先定義全域性變數模組檔案:

modular.vue

const username='xiaoming;

const token='12345678';

export default

第一種方法:在需要使用全域性變數的地方引入定義全域性變數的模組檔案,然後根據模組檔案名字獲取全域性變數引數名:

}

第二種方法:將全域性變數模組檔案掛載到vue.prototype,在程式入口檔案main.js操作。

import modular from './components/modular'//引用檔案

vue.prototype.modular = modular//掛載到vue例項上面

然後我們每次使用就比較簡單了,只需要在使用的元件裡面的data裡面定義變數接收即可。

data () 

}

ps:如果使用的地方比較多,建議使用第二種方法之間引用就可以了。

vue專案中定義全域性變數 全域性函式

在vue專案中,我們經常會遇到要在多個頁面元件中都要使用的乙個變數或者函式,比如說需要配置的ip位址,在生產環境和測試環境不一樣就需要修改。因此我們可以定義乙個全域性變數來接收這個ip位址,每次更換位址的時候只需要修改一次全域性變數。在vue專案中的src components資料夾中建立乙個glo...

Vue專案中 設定全域性變數

我們從vue cli文件中 找到這樣一句 2.又在webpack中找到provideplugin 我們就在 自己專案的vue.config.js中,書寫配置 const path require path 引入webpack const webpack require webpack module....

在vue專案中 如何定義全域性變數 全域性函式

設定乙個專用的的全域性變數模組檔案,模組裡面定義一些變數初始狀態,用export default 暴露出去,在main.js裡面使用vue.prototype掛載到vue例項上面或者在其它地方需要使用時,引入該模組便可。global.vue檔案 在需要的地方引用進全域性變數模組檔案,然後通過檔案裡面...