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

2021/9/12 23:36:33

本文主要是介绍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持续化储存(用插件解决)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程