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