這篇文章給大家分享的是有關(guān)什么情況下應(yīng)該使用Vuex的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)專注于洛扎網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供洛扎營銷型網(wǎng)站建設(shè)，洛扎網(wǎng)站制作、洛扎網(wǎng)頁設(shè)計(jì)、洛扎網(wǎng)站官網(wǎng)定制、成都小程序開發(fā)服務(wù)，打造洛扎網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供洛扎網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

單向數(shù)據(jù)流

以下是一個(gè)表示“單向數(shù)據(jù)流”理念的極簡示意：

但是，當(dāng)我們的應(yīng)用遇到多個(gè)組件共享狀態(tài)時(shí)，單向數(shù)據(jù)流的簡潔性很容易被破壞：

• - 多個(gè)視圖依賴于同一狀態(tài)。

• - 來自不同視圖的行為需要變更同一狀態(tài)。

對于問題一，傳參的方法對于多層嵌套的組件將會非常繁瑣，并且對于兄弟組件間的狀態(tài)傳遞無能為力。

對于問題二，我們經(jīng)常會采用父子組件直接引用或者通過事件來變更和同步狀態(tài)的多份拷貝。以上的這些模式非常脆弱，通常會導(dǎo)致無法維護(hù)的代碼。

因此，我們?yōu)槭裁床话呀M件的共享狀態(tài)抽取出來，以一個(gè)全局單例模式管理呢？在這種模式下，我們的組件樹構(gòu)成了一個(gè)巨大的“視圖”，不管在樹的哪個(gè)位置，任何組件都能獲取狀態(tài)或者觸發(fā)行為！

另外，通過定義和隔離狀態(tài)管理中的各種概念并強(qiáng)制遵守一定的規(guī)則，我們的代碼將會變得更結(jié)構(gòu)化且易維護(hù)。

這就是 Vuex 背后的基本思想，借鑒了 Flux、Redux、和 The Elm Architecture。與其他模式不同的是，Vuex 是專門為 Vue.js 設(shè)計(jì)的狀態(tài)管理庫，以利用 Vue.js 的細(xì)粒度數(shù)據(jù)響應(yīng)機(jī)制來進(jìn)行高效的狀態(tài)更新。

什么情況下應(yīng)該使用 Vuex？

雖然 Vuex 可以幫助我們管理共享狀態(tài)，但也附帶了更多的概念和框架。這需要對短期和長期效益進(jìn)行權(quán)衡。

如果您不打算開發(fā)大型單頁應(yīng)用，使用 Vuex 可能是繁瑣冗余的。確實(shí)是如此——如果您的應(yīng)用夠簡單，您最好不要使用 Vuex。一個(gè)簡單的 global event bus 就足夠您所需了。但是，如果您需要構(gòu)建是一個(gè)中大型單頁應(yīng)用，您很可能會考慮如何更好地在組件外部管理狀態(tài)，Vuex 將會成為自然而然的選擇。引用 Redux 的作者 Dan Abramov 的話說就是：

Flux 架構(gòu)就像眼鏡：您自會知道什么時(shí)候需要它。

如果沒有使用Vuex

假設(shè)有這樣的兩個(gè)頁面，數(shù)據(jù)一樣，就是頁面布局不一樣：

代碼

Page1.vue

Page2.vue

現(xiàn)在我們可以看見上面兩個(gè)頁面里面的數(shù)據(jù)是一樣的。同一份數(shù)據(jù)，我們在兩個(gè)頁面里面操作兩次感覺還行，如果有10個(gè)，20個(gè) ……頁面需要這樣，那么這就是一個(gè)讓人奔潰的事情，而且數(shù)據(jù)的同步刷新也很痛苦。所以就需要Vuex了。簡言之：vuex就是將數(shù)據(jù)共享給多個(gè)組件共同使用，同時(shí)也將這個(gè)數(shù)據(jù)的狀態(tài)進(jìn)行了共享（一個(gè)組件改變這個(gè)數(shù)據(jù)的狀態(tài)其它組件也跟著改變）。

Vue官網(wǎng)對Vuex的解釋：

每一個(gè) Vuex 應(yīng)用的核心就是 store（倉庫）。“store”基本上就是一個(gè)容器，它包含著你的應(yīng)用中大部分的狀態(tài) (state)。Vuex 和單純的全局對象有以下兩點(diǎn)不同：

1. Vuex 的狀態(tài)存儲是響應(yīng)式的。當(dāng) Vue 組件從 store 中讀取狀態(tài)的時(shí)候，若 store 中的狀態(tài)發(fā)生變化，那么相應(yīng)的組件也會相應(yīng)地得到高效更新。

2. 你不能直接改變 store 中的狀態(tài)。改變 store 中的狀態(tài)的唯一途徑就是顯式地提交 (commit) mutation。這樣使得我們可以方便地跟蹤每一個(gè)狀態(tài)的變化，從而讓我們能夠?qū)崿F(xiàn)一些工具幫助我們更好地了解我們的應(yīng)用。

感謝各位的閱讀！關(guān)于“什么情況下應(yīng)該使用Vuex”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章名稱：什么情況下應(yīng)該使用Vuex-創(chuàng)新互聯(lián)
當(dāng)前網(wǎng)址：http://weahome.cn/article/dchseh.html