有個問題我還是想深入研究一下
就是關於 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裡...