Vue.JS項(xiàng)目中5個(gè)經(jīng)典Vuex插件
使用 Vuex 來管理 Vue 的狀態(tài)，有很多好的理由。其中之一就是，通過 Vuex 插件可以非常容易的擴(kuò)展一些很酷的功能。Vuex 社區(qū)中的開發(fā)人員已經(jīng)創(chuàng)建了大量的免費(fèi)插件供你使用，有許多你能想象的功能，還有一些你可能沒有想到的功能。
狀態(tài)持久化同步標(biāo)簽頁、窗口語言本地化管理多個(gè)加載狀態(tài)緩存操作
1. 狀態(tài)持久化
vuex-persistedstate 使用瀏覽器的本地存儲(chǔ)（ local storage ）對(duì)狀態(tài)（ state ）進(jìn)行持久化。這意味著刷新頁面或關(guān)閉標(biāo)簽頁都不會(huì)刪除你的數(shù)據(jù)。
一個(gè)很好的例子就是購物車：如果用戶不小心關(guān)閉了一個(gè)標(biāo)簽，他們可以重新打開并回到之前頁面的狀態(tài)。
2. 同步標(biāo)簽頁、窗口
vuex-shared-mutations 可在不同的標(biāo)簽頁之間同步狀態(tài)。它通過 mutation 將狀態(tài)儲(chǔ)存到本地存儲(chǔ)（local storage）來實(shí)現(xiàn)。選項(xiàng)卡、窗口中的內(nèi)容更新時(shí)觸發(fā)儲(chǔ)存事件，重新調(diào)用 mutation ，從而保持狀態(tài)同步。
3. 語言本地化
vuex-i18n 允許你輕松地用多種語言存儲(chǔ)內(nèi)容。讓你的應(yīng)用切換語言時(shí)更容易。
一個(gè)很酷的功能是你可以存儲(chǔ)帶有標(biāo)記的字符串，比如"Hello {name}, this is your Vue.js app."。所有的翻譯版本都會(huì)在標(biāo)記的地方使用相同的字符串。
4. 管理多個(gè)加載狀態(tài)
vuex-loading 有助于你管理應(yīng)用中的多個(gè)加載狀態(tài)。這個(gè)插件適用于狀態(tài)變化頻繁且復(fù)雜的實(shí)時(shí)應(yīng)用程序。
5. 緩存操作
vuex-cache 可以緩存 Vuex 的 action。例如，如果你從服務(wù)器檢索數(shù)據(jù)，這個(gè)插件將在第一次調(diào)用該 action 時(shí)緩存結(jié)果，然后在之后的dispatch中，直接返回緩存的值。必要時(shí)清除緩存也很簡(jiǎn)單。
相關(guān)文章
Vue?elementUI實(shí)現(xiàn)樹形結(jié)構(gòu)表格與懶加載
這篇文章主要介紹了通過Vue和elementUI實(shí)現(xiàn)樹形結(jié)構(gòu)表格與懶加載，文中的示例代碼講解詳細(xì)，感興趣的小伙伴快來跟隨小編一起學(xué)習(xí)一下吧2022-01-01
vue中父子組件傳值,解決鉤子函數(shù)mounted只運(yùn)行一次的操作
這篇文章主要介紹了vue中父子組件傳值,解決鉤子函數(shù)mounted只運(yùn)行一次的操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
Vue-element-admin?導(dǎo)出json和導(dǎo)入json文件的方法
這篇文章主要介紹了Vue-element-admin導(dǎo)出json和導(dǎo)入json文件,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-06-06
本篇文章主要介紹了Vue自定義指令封裝節(jié)流函數(shù)的方法示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
vuex實(shí)現(xiàn)及簡(jiǎn)略解析(小結(jié))
這篇文章主要介紹了vuex實(shí)現(xiàn)及簡(jiǎn)略解析(小結(jié))，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03
這篇文章主要給大家介紹了關(guān)于如何使用Vue進(jìn)行文件預(yù)覽與打印功能的相關(guān)資料,這個(gè)功能其實(shí)也是自己學(xué)習(xí)到的,做完也有一段時(shí)間了,一直想記錄總結(jié)一下,需要的朋友可以參考下2023-10-10
這篇文章介紹了VUE中v-if與v-show的區(qū)別，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03
這篇文章主要介紹了vue-rx的初步使用教程，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了vue中Axios的封裝和API接口的管理,主要目的就是在幫助我們簡(jiǎn)化代碼和利于后期的更新維護(hù)，本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-09-09
在Vue.js中,您可以使用watch選項(xiàng)來創(chuàng)建偵聽器,以偵聽特定屬性的變化,偵聽器可以在屬性發(fā)生變化時(shí)執(zhí)行相關(guān)的邏輯,本文給大家詳細(xì)講講Vue中watch偵聽器的用法,需要的朋友可以參考下2023-11-11