vuex的持久化資料

2021-10-21 17:53:06 字數 822 閱讀 2550

1.為什麼需要將vuex資料進行持久化?

​ 1)商品分類頁資料資訊是否經常會發生變化?答案是否定的

​ 2)對於不經常發生變化的資料,是否還需要浪費資源進行請求?答案是否定的

​ 3)當前操作將產品加入到購物車,是否希望下次再開啟的時候購物車資訊已經是被清除了?答案是否定的

​ 4)如果商品分類的資料已經在本地的快取當中,那麼是否就可以直接讀取本地資料,從而提高應用的效能?答案是肯定的

​ 5)無論哪次開啟應用,購物車的資料應該是保留上次操作的結果的。答案是肯定的

2.哪些vuex資料需要進行持久化

​ 1)並不是所有的vuex資料都需要持久化,可以針對指定的資料內容進行持久化操作

​ 2)對於更新頻率不高的資料可以進行持久化

​ 3)對於需要資料復現的需要進行持久化

​ 4)對於需要實現離線功能的需要進行持久化

3.如何實現資料的持久化

​ vuex-persistedstate 外掛程式應用

4.如何實現持化久資料的是夠新

​ 1)資料持久化以後,還要不要更新?答案是肯定的

​ 2)資料持久化了以後什麼時候更新,又應該做幾次更新?

​ 3)可以考慮在使用者應用開啟的時候,在靜默模式(也就是不影響使用者操作的情況下,在後面靜靜的操作處理)下進行持久化資料的更新操作

​ 4)可以讓後台提供乙個更新版本的介面,本地持久化資料的更新版本與伺服器介面的版本去做對比,產生差異再做本地資料持久化的更新操作

​ 5) 前端專案與後台程式利用socket建議通訊,只有在後台通訊前端需要進行本地資料持久化更新操作的時候才做更新處理

VueX資料持久化

解決 vue重新整理時獲取不到資料 解決方案 1.本地儲存 2.vuex資料持久化工具外掛程式 import vue from vue import vuex from vuex vue.use vuex export default new vuex.store mutations 元件中使用 加...

vuex資料狀態持久化

vuex可以進行全域性的狀態管理,但重新整理後重新整理後資料會消失,這是我們不願意看到的。怎麼解決呢,我們可以結合本地儲存做到資料持久化,也可以通過外掛程式 vuex persistedstate。1通過 vuex persistedstate這個外掛程式,來實現將資料儲存到本地 npm insta...

vuex和資料持久化

前端將所需資料儲存在vuex中,但是vuex中資料在重新整理後會被清空,而資料持久化,就是在執行瀏覽器重新整理操作時,將vuex中的資料轉存在本地localstorge中,在重新整理時先去local中取,取到之後渲染到頁面,再將資料轉存到vuex中,清空localstorge,也就實現了資料的持久化...