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