vuex持久化问题?

vuex

vuex持久化问题?

vuex的数据只会存入到内存中,页面刷新就没了。

  1. 方案一:使用插件npm i [email protected]

    import Vue from 'vue'
    import Vuex from 'vuex'
    import createPersistedState from "vuex-persistedstate"
    import { getUserInfoAPI } from '@/api'
    Vue.use(Vuex)
    
    export default new Vuex.Store({
      state: {
      },
      getters: {
      },
      actions: {
      },
      modules: {
      },
      plugins: [createPersistedState()]
    })
    
    
  2. 方案二:手动添加到localstorage中,首次渲染数据的时候,先获取localstorage没有再从vuex中拿。

你可能感兴趣的:(前端开发,javascript,开发语言,ecmascript,vue,前端)