vue项目中使用vuex管理公共状态4-持久化vuex-persistedstate

• 持久化不是vuex自带的, 需要安装一个插件来完成(vuex-persistedstate)

vuex-persistedstate

Github: https://github.com/robinvdvleuten/vuex-persistedstate

安装

npm install --save vuex-persistedstate

简单使用

在 项目目录中的 store 目录下的index.js 文件中
就是在创建 Store对象时, 在里面配置

import Vue from 'vue'
import Vuex from 'vuex'
******************先导入*************************
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)

export default new Vuex.Store({
    
    
  **********************在这个对象里加上就完成啦, 是不是很 easily*****************************
  // 持久化
  plugins: [createPersistedState()],
  
  // state '全局状态'
  state: {
    
    
  },
  // 集中式修改状态,这里修改会被`监听`
  mutations: {
    
    
  },
  // 异步
  actions: {
    
    
  },
  // 模块化
  modules: {
    
    
  }
})