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

2021-10-25 14:16:37 字數 1954 閱讀 9791

有個問題我還是想深入研究一下

就是關於 vue 中全域性變數這個概念 和實現方法的**

不少人想都沒想, 直接用vuex啊。

對啊, 我也是這個樣想的 直接用vuex不就啥事沒有了。

vuex支援 定義 修改。

還會實時重新整理, 用來記錄狀態 再好不過

但是其他方式 還是有它的優勢的。

最簡單的方法, 也是最常見的

// main.js

import axios from

'axios'

// 掛載全域性方法

"無")

=>

// 掛載全域性屬性

vue.prototype.$name =

"dwp"

;

// 任意合法頁面 1

console.

log(

this

.$name)

;// dwp

console.

log(

this

.$fun()

);// $fun執行, 引數: 無

this

.$name =

"dwpnb"

;// 檢測 全域性屬性的 讀

console.

log(

this

.$name)

;// dwpnb ...頁面的渲染是不會跟新的

console.

log(

this

.$fun()

);// $fun執行, 引數: 無

// 任意合法頁面 2

console.

log(

this

.$name)

;// dwp ...變數實際上並沒有更改

console.

log(

this

.$fun()

);// $fun執行, 引數: 無

查: 無論是獲取變數值, 還是執行方法 都是ok的

改: 頁面的渲染是不會跟新的, 並且在其他頁面變數還是原來的值

vue.prototype.***x 掛載的是類似常量的東西。

建議 注意使用

這種方法就比較原始了

// main.js

// 掛載全域性屬性

window._name =

"dwp"

;// 掛載全域性方法

window._fun =

(a =

"無")

=>

// 任意合法頁面 1

// 檢測 全域性屬性的 讀

console.

log(_name)

;// dwp

console.

log(

_fun()

);// $fun執行, 引數: 無

_name =

"dwpnb"

;// 任意合法頁面 2

console.

log(_name)

;// dwpnb

console.

log(

_fun()

);// $fun執行, 引數: 無

查: 無論是獲取變數值, 還是執行方法 都是ok的

改: 只要是被修改了, 在這個專案中無論那個位置獲取這個值, 都是被修改的值

window._***x 就是相等於, 定義了乙個變數,

但是這個變數無法直接渲染到專案, 同時也過於靈活。

不建議這樣使用

這是關於vuex的簡紹使用

vuex就不過多介紹了, 會的人 自然會 不會的 看完我寫的 也會用了

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

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

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裡...