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、不在一個組件樹（不是父子組件的關(guān)系），組件間頻繁的進行數(shù)據(jù)和狀態(tài)的傳遞，更改。
新建一個mutation-types.js文件，這個文件里面只做了一件事，那就是記錄了事件類型，對mutation有個整體的把握。
store 中的狀態(tài)是響應式的，在組件中調(diào)用 store 中的狀態(tài)簡單到僅需要在計算屬性computed中返回即可。觸發(fā)變化也僅僅是在組件的 methods 中提交 mutations。
action中的函數(shù)觸發(fā)，是在vue的methods中通過 this.$store.dispatch('方法名',參數(shù))
action內(nèi)部的函數(shù)具體寫法：只是起了一個承上啟下的作用，真正的處理邏輯在mutation中。
需要注意點就是：store.js里面的配置。（想把{}里面東西提出來，在App中new，屢次不成功。）
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關(guān)文章
ant design vue嵌套表格及表格內(nèi)部編輯的用法說明
這篇文章主要介紹了ant design vue嵌套表格及表格內(nèi)部編輯的用法說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
vue+layui實現(xiàn)select動態(tài)加載后臺數(shù)據(jù)的例子
今天小編就為大家分享一篇vue+layui實現(xiàn)select動態(tài)加載后臺數(shù)據(jù)的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了vue實現(xiàn)按鈕文字動態(tài)改變方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
本文將詳細介紹通過Vue使多元素進行過渡動畫,需要的朋友可以參考下2020-02-02
今天小編就為大家分享一篇vue 返回上一頁,頁面樣式錯亂的解決，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要為大家詳細介紹了Vue實現(xiàn)數(shù)字時鐘效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要介紹了vue項目中播放rtmp視頻文件流 ,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-09
VUE數(shù)組根據(jù)索引刪除數(shù)據(jù),頁面同時更新的實現(xiàn)方法
這篇文章主要介紹了VUE數(shù)組根據(jù)索引刪除數(shù)據(jù),頁面同時更新的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了vant 中van-list的用法說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
本文通過實例代碼給大家介紹了基于Vue開發(fā)數(shù)字輸入框組件,需要的朋友可以參考下2017-12-12