vuex的持久化插件

不吃蜂蜜的小熊

已于 2022-09-14 16:59:24 修改

阅读量142

点赞数 4

文章标签：前端 javascript vue.js

于 2022-09-14 16:56:09 首次发布

本文链接：https://blog.csdn.net/weixin_70348294/article/details/126850000

版权

刷新页面，vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地，即使刷新也不能清空，例如：登陆状态、token等。这是就需要用到vuex数据持久化、

//需要先下载插件
npm install vuex-persistedstate --save 或者 使用
yarn add vuex-persistedstate --save

//在vuex初始化时导入插件
import persist from 'vuex-persistedstate'
//并使用
export default new Vuex.Store({
 state: {
 },
 mutations: {
 },
 actions: {
 },
 modules: {
 },
 plugins: [
   new persist({
     storage: window.localStorage,
   }),
 ],
 //会自动保存状态，刷新时不会丢失
})