数据持久化:
刷新页面,vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地,即使刷新也不能清空,例如:登陆状态、token等。这是就需要用到vuex数据持久化
//需要先下载插件
npm install vuex-persistedstate --save 或者 使用
yarn add vuex-persistedstate --save
//在vuex初始化时导入插件
import persist from 'vuex-persistedstate'
//并使用
export default new Vuex.Store({
state: {
},
mutations: {
},
actions: {
},
modules: {
},
plugins: [
new persist({
storage: window.localStorage,
}),
],
//会自动保存状态,刷新时不会丢失
})
当刷新页面时,Vuex中的数据通常会丢失。为了解决这个问题,可以使用vuex-persistedstate插件来持久化关键数据,如登录状态和token,确保这些信息在刷新后仍然存在。通过npm或yarn安装插件,并在Vuexstore初始化时引入,设置storage为window.localStorage,即可实现数据的自动保存和恢复。
1万+





