使用Vuex管理Vue.js應(yīng)用程序的狀態(tài)有很多充分的理由。首先，使用Vuex插件添加超酷功能非常容易。Vuex社區(qū)的開發(fā)人員已經(jīng)創(chuàng)建了大量免費(fèi)插件供您使用，其中包含您可以想象的許多功能，以及一些您可能無法想象的功能。

下面展示使用Vuex插件輕松解決下一個(gè)項(xiàng)目的五個(gè)功能。

• 會(huì)話保持
• 同步標(biāo)簽
• 語言本地化
• 管理多個(gè)加載狀態(tài)
• 緩存操作

會(huì)話保持

vuex-persistedstate使用瀏覽器的本地存儲(chǔ)來跨會(huì)話保持您的狀態(tài)。這意味著刷新頁面或關(guān)閉選項(xiàng)卡不會(huì)擦除您的數(shù)據(jù)。

一個(gè)很好的用例就是購物車：如果用戶意外關(guān)閉了一個(gè)標(biāo)簽，他們可以在頁面狀態(tài)完好無損的情況下重新打開它。

同步標(biāo)簽

vuex-shared-mutation在不同瀏覽器選項(xiàng)卡之間同步狀態(tài)。它通過將突變存儲(chǔ)到本地存儲(chǔ)來實(shí)現(xiàn)此目的。存儲(chǔ)事件會(huì)觸發(fā)所有其他選項(xiàng)卡/窗口中的更新，從而重放突變，從而保持狀態(tài)同步。

語言本地化

vuex-i18n允許您輕松地以多種語言存儲(chǔ)內(nèi)容。在您的應(yīng)用程序中切換語言是微不足道的。

一個(gè)很酷的功能是你可以用令牌存儲(chǔ)字符串，例如“Hello {name}，這是你的Vue.js應(yīng)用程序。”。您的所有翻譯都可以在字符串中需要相同的標(biāo)記。

管理多個(gè)加載狀態(tài)

vuex-loading有助于管理應(yīng)用程序中的多個(gè)加載狀態(tài)。此插件適用于狀態(tài)變化頻繁且復(fù)雜的實(shí)時(shí)應(yīng)用程序。

緩存操作

vuex-cache可以緩存您的Vuex操作。例如，如果您從服務(wù)器檢索數(shù)據(jù)，則此插件將在您***次調(diào)用操作時(shí)緩存結(jié)果，然后在后續(xù)調(diào)度時(shí)返回緩存值。在必要時(shí)清除緩存是微不足道的。