vue3 vuex 4.x 持久化

最新推荐文章于 2024-09-11 22:50:55 发布

鸡汤辉

最新推荐文章于 2024-09-11 22:50:55 发布

阅读量593

点赞数 2

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/c327127960/article/details/137639904

版权

vuex-persistedstate 插件

1.下载插件

npm i vuex-persistedstate

2.在 src/store/index.js 文件下使用插件

import { createStore } from 'vuex'

//首先import 倒入插件
import createPersistedstate from 'vuex-persistedstate'

import global from './modules/global'
import iframe from './modules/iframe'
import keepAlive from './modules/keepAlive'
import viewTags from './modules/viewTags'
import search from './modules/search'
import flow from './modules/flow'
import table from './modules/table'
import chartPosition from './modules/chartPosition'
import common from './modules/common'
import project from './modules/project'
// 自动import导入所有 vuex 模块
export default createStore({
	modules: {
		global,
		iframe,
		keepAlive,
		viewTags,
		search,
		flow,
		table,
		chartPosition,
		common,
		project
	},
	//在这添加这段代码
	plugins: [
		createPersistedstate({
			key: 'project_key', //随便起 可以在localstorage中看到
			paths: ['project'] //需要持久化的modules
		})
	]
})