unit047-vuex持久化功能

当我们在vue项目中，使用了vuex进行状态管理时，会发现刷新页面时，vuex的state中存储的数据会失效
为了解决这个问题，我们需要使用一个第三方组件，用来固定当前vuex的state中的数据，起到持久化的作用

首先安装vuex-persistedstate
之后在vuex中导入：import createPersistedState from 'vuex-persistedstate'
添加持久化功能：plugins: [createPersistedState()],

import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'

//挂载Vuex
Vue.use(Vuex)

const store = new Vuex.Store({
    // vuex持久化功能
    plugins: [createPersistedState()],
    state: {
    },
    getters: {
    },
    mutations: {
    },
    actions: {
    }
})

export default store

标签：持久,Vuex,state,persistedstate,import,unit047,vuex,createPersistedState
来源： https://www.cnblogs.com/felixtester/p/14297810.html