建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
這篇文章主要講解了“Vuex的工作流程是怎樣的”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“Vuex的工作流程是怎樣的”吧！
Vuex基礎(chǔ)
1.Vuex相當(dāng)于vue的數(shù)據(jù)倉(cāng)庫(kù)
2.Vuex是vue的狀態(tài)管理工具
3.Vuex中的state只能通過(guò)mutations改變
4.Vuex很適合做購(gòu)物車(chē)
什么是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ì)改變，所以很適合做購(gòu)物車(chē)。
Vuex有什么好處？及使用場(chǎng)景？
好處：可以做狀態(tài)管理采用LocalStorage保存信息，數(shù)據(jù)便一直存儲(chǔ)在用戶(hù)的客戶(hù)端中。
使用場(chǎng)景：適合在巨大復(fù)雜的項(xiàng)目中使用。
Vuex有什么優(yōu)勢(shì)？
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īng)顟B(tài)，但是直接改變state，必須通過(guò)顯示的提交（commit）mutaions來(lái)追蹤每個(gè)狀態(tài)的變化。
Vuex的流程圖：
1.每個(gè)點(diǎn)都是必須的，不執(zhí)行那個(gè)可以省略，但必須按照流程圖走。
Vuex的工作流程：
在vue組件中，通過(guò)dispatch來(lái)觸發(fā)actions提交修改的數(shù)據(jù)操作，然后通過(guò)actions的commit來(lái)觸發(fā)mutations來(lái)修改數(shù)據(jù)，mutations接受到commit的請(qǐng)求，就會(huì)自動(dòng)通過(guò)mutate來(lái)修改state里面的數(shù)據(jù)最后由store觸發(fā)每一個(gè)調(diào)用它的組件的更新。
Vuex的狀態(tài)：
1.state：就是數(shù)據(jù)倉(cāng)庫(kù)，也是我們倉(cāng)庫(kù)存放數(shù)據(jù)的地方
我們組件如果想修改數(shù)據(jù)，正確的操作流程是：
2.查看是同步還是異步，是同步則跳過(guò)actions，直接從mutations中修改state的數(shù)據(jù)，這樣state倉(cāng)庫(kù)的數(shù)據(jù)修改了之后，我們才能正確的響應(yīng)到組件上，所以組件僅僅把事件提交給mutationd就好了，讓Vuex的mutations的方法執(zhí)行。
感謝各位的閱讀，以上就是“Vuex的工作流程是怎樣的”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)Vuex的工作流程是怎樣的這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！
文章題目：Vuex的工作流程是怎樣的-創(chuàng)新互聯(lián)
文章地址：http://ef60e0e.cn/article/dhddjp.html
