關於vuex中狀態的實時更新問題

2022-09-14 15:15:15 字數 548 閱讀 2163

業務場景: 需要做乙個全域性的loading

思路:在store中新增乙個userclick、loading引數,來判斷是使用者點選的行為,就改變 loading 為true;

但是在除錯的過程中始終無法獲取userclick的最新狀態:

我通過 setuserclick 設定 userclick 狀態為 true 後, 後面 try 這段**中的 userclick 的值仍然是 false;百思不得其解。

但是我通過呼叫

store.state.userclick

後成功獲取了最新狀態;

後來才明白這是物件解構出了問題,解構的時候複製的是變數的值,在函式裡面並不會實時更新,所以需要重新訪問 store 物件才能獲取最新狀態

使用vuex監控狀態的變化實時更新狀態

模板頁面 data created watch methods裡面的方法呼叫store裡面的資料 this.store.commit item id this.business id store資料夾裡面的index檔案 引入vue 引入vuex並且使用use vuex import vue fro...

nuxt 中的vuex狀態管理

nuxt中自帶了vuex,這倒是很方便使用方法也很接近vue 基本模式中會根據預設根目錄下的atore資料夾內的檔案自動生成store的結構 首先必須要有index.js 之後除開index檔案其餘的都是二級目錄 例如 vue檔案中的引入方式我這邊建議是comp 變化方式還是採用vue的老一套com...

vuex 中關於 mapMutations 的作用

mapmutations 工具函式會將 store 中的 commit 方法對映到元件的 methods 中。和 mapactions 的功能幾乎一樣,我們來直接看它的實現 export function mapmutations mutations normalizemap mutations f...