使用Vuex管理Vue.js應(yīng)用程序的狀態(tài)有很多充分的理由。首先，使用Vuex插件添加超酷功能非常容易。Vuex社區(qū)的開發(fā)人員已經(jīng)創(chuàng)建了大量免費(fèi)插件供您使用，其中包含您可以想象的許多功能，以及一些您可能無法想象的功能。
下面展示使用Vuex插件輕松解決下一個項目的五個功能。
- 會話保持
- 同步標(biāo)簽
- 語言本地化
- 管理多個加載狀態(tài)
- 緩存操作
會話保持
vuex-persistedstate使用瀏覽器的本地存儲來跨會話保持您的狀態(tài)。這意味著刷新頁面或關(guān)閉選項卡不會擦除您的數(shù)據(jù)。
一個很好的用例就是購物車：如果用戶意外關(guān)閉了一個標(biāo)簽，他們可以在頁面狀態(tài)完好無損的情況下重新打開它。
同步標(biāo)簽
vuex-shared-mutation在不同瀏覽器選項卡之間同步狀態(tài)。它通過將突變存儲到本地存儲來實現(xiàn)此目的。存儲事件會觸發(fā)所有其他選項卡/窗口中的更新，從而重放突變，從而保持狀態(tài)同步。
語言本地化
vuex-i18n允許您輕松地以多種語言存儲內(nèi)容。在您的應(yīng)用程序中切換語言是微不足道的。
一個很酷的功能是你可以用令牌存儲字符串，例如“Hello {name}，這是你的Vue.js應(yīng)用程序。”。您的所有翻譯都可以在字符串中需要相同的標(biāo)記。
管理多個加載狀態(tài)
vuex-loading有助于管理應(yīng)用程序中的多個加載狀態(tài)。此插件適用于狀態(tài)變化頻繁且復(fù)雜的實時應(yīng)用程序。
緩存操作
vuex-cache可以緩存您的Vuex操作。例如，如果您從服務(wù)器檢索數(shù)據(jù)，則此插件將在您***次調(diào)用操作時緩存結(jié)果，然后在后續(xù)調(diào)度時返回緩存值。在必要時清除緩存是微不足道的。
