vue配置全域性變數

2021-09-25 01:49:43 字數 522 閱讀 5906

在main.js檔案中新增如下語句:

**vue.prototype.$tenantid = '1';**
在需要使用該變數的檔案中使用下述語法對變數進行操作:

this.$tenantid = 『2』;//修改變數的值

console.log(this.$tenantid);
在main.js檔案的vue例項的data屬性中新增變數:

data:function()

},

在其他檔案中引用:

this.$root.tenantid = '2';

console.log(this.$root.tenantid);

疑問:

在main.js檔案中使用上述第一種方法中的宣告語法,第二種方法中的引用語法,即上述兩種方法交叉使用,仍能實現效果,為什麼**????**

vue全域性變數

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

vue專案 env全域性變數配置

env全域性預設檔案,無論在什麼環境下都會執行 env.development開發環境下的配置檔案 env.production生產環境下的配置檔案 全域性的基礎api介面 當node env為development時,env.development會將.env中的同名屬性覆蓋,同理,當node e...

vue中配置scss全域性變數

在寫專案的過程中,如果用的是scss來編寫樣式 常常需要定義各種變數,例如主題色 主字型大小之類的,因此我們會把這些變數寫到乙個單獨的 variable.scss檔案內,但是每次都要在vue單檔案內引入這些變數未免太繁瑣了,所以有沒有辦法可以預設把變數檔案作為全域性檔案進行引入呢?答案是肯定的,可以...