其他分享
首页 > 其他分享> > vue3中的vuex持续化储存(用插件解决)

vue3中的vuex持续化储存(用插件解决)

作者:互联网

首先需要安装一个插件

npm i vuex-persistedstate

 然后在使用了createStore这个方法的js文件中引入

import createPersistedstate from 'vuex-persistedstate'

然后在导出的createStore方法中运用vuex提供的插件配置plugins下做如下操作

// vuex的插件配置
  plugins: [
    createPersistedstate({
      // 缓存数据时的key
      key: 'erabbit-client-pc-store',
      // 哪些模块需要被缓存
      paths: ['user', 'cart']
    })
  ]

标签:插件,vuex,vue3,key,plugins,createStore,createPersistedstate
来源: https://blog.csdn.net/m0_61499310/article/details/120257717