vue 全域性變數的設定與在元件中修改全域性變數

2021-10-02 23:50:08 字數 598 閱讀 4790

1.新建乙個js檔案 ,我這裡新建的為defined.js   **如下

我新增了兩個全域性變數 access_token:"",

refresh_token:"",   set方法是在元件中修改全域性變數時需要的 ,

然後在vue專案的main.js中匯入defined.js檔案

然後將物件新增到vue原型鏈上,這樣就可以在元件中直接呼叫了

元件的呼叫方式  通過this訪問  在js中訪問

this.defined.access_token;

this.defined.refresh_token;

在html中訪問}}

修改全域性變數

this.defined.setatoken(result.data.access_token);

this.defined.setrtoken(result.data.refresh_token);

vue中設定全域性變數

其實想在vue專案中設定全域性可以用的變數還是挺容易的 1 首先我們先在src裡面新建乙個js檔案 名字自定義 export default 2 然後在main.js中引入這個寫好的js檔案 main.js import vue from vue import router from router ...

vue設定全域性變數

前端呼叫後端介面的時候,我們固定的前端位址 建立全域性變數檔案global.vue 在main.js檔案中進行掛載 import global from views addresslist global.vue vue.prototype.global global 最後在需要呼叫後端介面的介面上 ...

Vue專案中 設定全域性變數

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