vuex持久化插件
为什么要给vuex做持久化?
因为在vue的项目中,数据放在vuex中,页面一刷新数据就丢失了,而是用插件进行持久化就是文理让刷新数据不丢失
使用vuex-persistedstate
- 本质上是把数据存放在
localStorage
中
先下载依赖
npm install vuex-persistedstate --save
导入
import Vue from "vue";
import Vuex from "vuex";
//导入插件
import createPersistedState from "vuex-persistedstate"
Vue.use(Vuex);
export default new Vuex.Store({
//使用插件
plugins: [createPersistedState()],
state: {},
getters: {},
mutations: {},
actions: {},
modules: {},
});