vuex狀態持久化

2022-02-11 13:51:07 字數 356 閱讀 1474

npm install vuex-persistedstate

在store.js裡

import createpersistedstate from 'vuex-persistedstate'

const state = ,

}export default new vuex.store();

vuex-persistedstate 使用瀏覽器的本地儲存( local storage )對狀態( state )進行持久化。這意味著重新整理頁面或關閉標籤頁都不會刪除你的資料。

乙個很好的例子就是購物車:如果使用者不小心關閉了乙個標籤,他們可以重新開啟並回到之前頁面的狀態。

vuex資料狀態持久化

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

vuex的持久化

首先說一下vuex持久化的工作原理吧,為了再重新整理的時候,保持我們的登入狀態,以及一些重要的檔案,我們需要儲存一些東西在快取裡面 而當我們開發的時候,不知道什麼時候快取什麼值,就會導致各種小bug,一重新整理,找不到了 vuex persistedstate的理念就是把store裡面的資料自動快取...

VueX資料持久化

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