modules 的使用vue使用單一狀態樹,那麼也意味著很多狀態都會交給vuex來管理當應用變得非常複雜時,store物件就有了能變得相當臃腫為了解決這個問題,vuex允許將store分割成模組,而每個模組都擁有自己的state,mutations,actions,gettets等定義在模組中的東西使用方式和之前是一樣的,不做過多筆記不過getters中定義的函式除了 state,getters之外還可呢傳入第三個引數 rootState,這個引數表示之前沒有用模組分割的哪個state,可以從這個引數中取出原本定義好的屬性還有一個就是在modules中的cations中定義的函式commit的時候是針對於自己這個模組中的mutations的專案結構當vuex管理過多內容時,好的專案結構可以使程式碼更加清晰index.htmlmain.jsapi... 抽取出的API請求componentsApp.vue...storeindex.js 組裝模組並匯出store的地方actions.js 根級別的 actionmutations.js 根級別的mutationmodulescart.js 購物車模組user.js 使用者模組如果遇到文中程式碼格式被壓縮的情況時,請複製程式碼到ide中檢視
最新評論
-
1 #
-
2 #
登入狀態存到vuex中,多個組建共享,但是一重新整理就沒了,這感覺存到vuex中也沒啥意思呀
抽空得仔細學習一下,這個管理變數,函式的控制元件。3.0會整合不?有哪位研究了沒?