vuex数据持久化插件

存储到vuex的数据在页面进行刷新的时候会被清空 或者丢失 此时可以使用数据持久化插件将其存储到本地

首先需要下载插件

npm使用 ↓

npm install vuex-persistedstate --save 

yarn使用↓

yarn add vuex-persistedstate --save

在vuex初始化时导入插件 并添加plugins字段 只要调用mutations的方法 就会自动将数据存储到本地

import persist from 'vuex-persistedstate'
//并使用
export default new Vuex.Store({
 state: {
 },
 mutations: {
 },
 actions: {
 },
 modules: {
 },
 plugins: [
   new persist({
     storage: window.localStorage,
   }),
 ],
})