建站
咨詢
售后
建站咨詢
新聞中心
使用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í)清除緩存是微不足道的。
如果你有其他喜歡的Vuex插件，歡迎給在下面小編留言哦！
網(wǎng)頁標(biāo)題：5個(gè)Vuex插件，讓你下一個(gè)VueJS項(xiàng)目開發(fā)速度提升3倍
文章分享：http://m.5511xx.com/article/cohddgj.html
