# vuex 持久化

vuex 可以进行全局的状态管理，在开发的过程中，用户的各种信息（用户名，token，头像），需要 vuex 中存储，并且本地存储，我们可以安装一个 vuex 的插件 vuex-persistedstate 来支持 vuex 的状态持久化，免去自己存储的环节。

npm i vuex-persistedstate

	import {createStore} from 'vuex'
	import {modulesA} from "@/store/modules/modulesA";
	import createPersistedState from 'vuex-persistedstate'

	export default createStore({
	modules: {
	modulesA
	},
	// 配置插件
	plugins: [
	createPersistedState({
	// 本地存储的名字
	key: 'demo-store',
	// 指定需要存储的模块
	path: ['modulesA']
	})
	]
	})
	// 默认是存储到 localStorage