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']
    })
  ]

这篇关于vue3中的vuex持续化储存（用插件解决）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！