Vuex的工作流程是怎樣的

這篇文章主要講解了“Vuex的工作流程是怎樣的”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“Vuex的工作流程是怎樣的”吧！

Vuex基礎(chǔ)

　　1.Vuex相當(dāng)于vue的數(shù)據(jù)倉庫

　　2.Vuex是vue的狀態(tài)管理工具

　　3.Vuex中的state只能通過mutations改變

　　4.Vuex很適合做購物車

　　什么是Vuex？

　　Vuex采用集中式存儲(chǔ)所有組件的數(shù)據(jù)狀態(tài)，并且中間狀態(tài)和store（后臺(tái)數(shù)據(jù)）是響應(yīng)的。

　　什么是響應(yīng)？

　　前臺(tái)的組件數(shù)據(jù)發(fā)生改變了，那后臺(tái)的store數(shù)據(jù)都會(huì)發(fā)生改變，從而導(dǎo)致根這個(gè)組件有關(guān)聯(lián)的都會(huì)改變，所以很適合做購物車。

　　Vuex有什么好處？及使用場景？

　　好處：可以做狀態(tài)管理采用LocalStorage保存信息，數(shù)據(jù)便一直存儲(chǔ)在用戶的客戶端中。

　　使用場景：適合在巨大復(fù)雜的項(xiàng)目中使用。

　　Vuex有什么優(yōu)勢？

　　1.Vuex的狀態(tài)存儲(chǔ)是響應(yīng)式的

　　2.它是所有組件的狀態(tài)集合

　　Vuex的核心及其作用

　　核心概念：state，getters，mutation，action，module

　　作用：組件之間的數(shù)據(jù)通信，使用單向數(shù)據(jù)流的方式進(jìn)行數(shù)據(jù)的中心化管理

　　詳述Vuex的運(yùn)行機(jī)制

　　Vuex的狀態(tài)存儲(chǔ)是響應(yīng)式的，當(dāng)Vuex組件從store中讀取時(shí)，若store狀態(tài)發(fā)生改變，響應(yīng)的組件也會(huì)更新狀態(tài)，但是直接改變state，必須通過顯示的提交（commit）mutaions來追蹤每個(gè)狀態(tài)的變化。

Vuex的流程圖：

　　1.每個(gè)點(diǎn)都是必須的，不執(zhí)行那個(gè)可以省略，但必須按照流程圖走。

　　Vuex的工作流程：

　　在vue組件中，通過dispatch來觸發(fā)actions提交修改的數(shù)據(jù)操作，然后通過actions的commit來觸發(fā)mutations來修改數(shù)據(jù)，mutations接受到commit的請(qǐng)求，就會(huì)自動(dòng)通過mutate來修改state里面的數(shù)據(jù)最后由store觸發(fā)每一個(gè)調(diào)用它的組件的更新。

　　Vuex的狀態(tài)：

　　1.state：就是數(shù)據(jù)倉庫，也是我們倉庫存放數(shù)據(jù)的地方

　　我們組件如果想修改數(shù)據(jù)，正確的操作流程是：

　　2.查看是同步還是異步，是同步則跳過actions，直接從mutations中修改state的數(shù)據(jù)，這樣state倉庫的數(shù)據(jù)修改了之后，我們才能正確的響應(yīng)到組件上，所以組件僅僅把事件提交給mutationd就好了，讓Vuex的mutations的方法執(zhí)行。

感謝各位的閱讀，以上就是“Vuex的工作流程是怎樣的”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)Vuex的工作流程是怎樣的這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！