Vue 2.X的狀態(tài)管理vuex記錄詳解
記住上述的順序情況：想要改變state，只能通過Mutation，雖然action可以直接改變state，這樣會使每個狀態(tài)可以方便的跟蹤和記錄（用Devtools跟蹤）
vue Method ---> Actions ---> Mutions ---> State （作用于vue）
在Vue2.X中使用vuex的情況：
1、多個視圖依賴于同一狀態(tài)， 比如驗證登陸情況。
2、來自不同視圖的行為需要變更同一狀態(tài) ，
3、不在一個組件樹（不是父子組件的關系），組件間頻繁的進行數(shù)據和狀態(tài)的傳遞，更改。
新建一個mutation-types.js文件，這個文件里面只做了一件事，那就是記錄了事件類型，對mutation有個整體的把握。
store 中的狀態(tài)是響應式的，在組件中調用 store 中的狀態(tài)簡單到僅需要在計算屬性computed中返回即可。觸發(fā)變化也僅僅是在組件的 methods 中提交 mutations。
action中的函數(shù)觸發(fā)，是在vue的methods中通過 this.$store.dispatch('方法名',參數(shù))
action內部的函數(shù)具體寫法：只是起了一個承上啟下的作用，真正的處理邏輯在mutation中。
需要注意點就是：store.js里面的配置。（想把{}里面東西提出來，在App中new，屢次不成功。）
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關文章
這篇文章主要為大家詳細介紹了Vue組件實現(xiàn)觸底判斷，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要介紹了VUE常見知識疑點問題總結,詳細介紹了vue.js @click和v-on:click有什么區(qū)別,v-on和v-bind的區(qū)別,通過本文可以認識Vue的export、export default、import的詳細介紹,感興趣的朋友一起看看吧2024-02-02
這篇文章主要介紹了Vue中的filter與directive的相關資料，幫助大家更好的理解和學習使用vue框架，感興趣的朋友可以了解下2021-05-05
本篇文章主要介紹了Vue中組件數(shù)據的傳遞的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要介紹了Vue 3.0x中的Suspense和異步組件,我們將討論新的defineAsyncComponent函數(shù),以及如何利用Suspense組件來更好地處理異步組件的加載和顯示,需要的朋友可以參考下2023-08-08
本篇文章主要介紹了vue.js移動端導航navigationbar的封裝，具有一定的參考價值，有興趣的可以了解一下2017-07-07
這篇文章主要介紹了Ant Design的可編輯Tree的實現(xiàn)操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
通過PPTXjs插件,實現(xiàn)PPTX文件在線預覽,需下載PPTXjs,將其引入HTML頁面,并編寫相應的HTML和JS代碼,如果是移動端還需調整div大小,這是一種便捷的前端PPTX轉HTML技術,適合網頁展示使用2024-09-09
vue-baidu-map實現(xiàn)區(qū)域圈線和路徑的漸變色
這篇文章主要介紹了vue-baidu-map實現(xiàn)區(qū)域圈線和路徑的漸變色方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07
element-plus dialog v-loading不生效問題及解決
這篇文章主要介紹了element-plus dialog v-loading不生效問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03