vue中設定全域性變數

2021-10-02 02:46:00 字數 526 閱讀 1734

其實想在vue專案中設定全域性可以用的變數還是挺容易的

1》首先我們先在src裡面新建乙個js檔案(名字自定義)

export

default

2》然後在main.js中引入這個寫好的js檔案

main.js

import vue from

'vue'

import router from

'./router'

import

public

from

'./assets/js/public.js'

//先把js檔案引進來

vue.prototype.publics =

public

//把js檔案掛到原型上

掛在vue原型上的publics 就可以在各個元件裡面使用了,

在隨便乙個元件中列印this.publics.name都可以得到"zhangsan"

vue設定全域性變數

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

vue全域性變數

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

Vue專案中 設定全域性變數

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