vuex的本地存储

vuex是什么

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式
vuex就是一个仓库 众所周知就是存放公共数据的一个地方 任何组件内的都可以使用vuex中的数据

vuex中的五大核心

State

存放Vuex store实例的状态对象，用于定义共享的数据， 以及设定的变量

Action

向store发出调用通知，去执行异步操作

Mutations

它只用于修改state中定义的状态变量 ， 相当于vue当中methods 来进行逻辑的代码操作

Modules

对state进行分类处理，相当于模块

getters

外部程序通过它获取变量的具体值，或者在取值前做一些计算（可以认为是store的计算属性）

plugins

这个是数组展示 而不是以对象形式展示 ，数组当中是对象的形式 数组当中存放vuex的本地存储

vuex-persist

• 是vuex是一个插件 数据的缓存， 跟localStorage是一个本质的意思，将数据存储在用户的本地，当然这个插件的特性只能在vuex当中使用，在vue中就使用不了

那么 vuex-persist 如何使用

• 在终端当中下载

	cnpm install vuex-persist -save

下载完成后 还需要在vuex当中引入

	import vuexPersist from 'vuex-persist';

引入之后需要在 export default 当中 实例化出

plugins:[
	new vuexPersist({
		localstorage:window.localStorage,
	}).plugin,
],

new 一个对象出 对象中写入 localStorage
new 出的对象需要跟引入的 名字相同

• 当然vuex的本地存储还有一种方式 以上方式相对来说复杂

• 在终端当中直接下载

	cnpm install vuex-persistedstate -save

在plugins 中直接调用即可 这种方法先对简单 不需要再去new一下

	plugins: [
    	Persist()
  	]

关于vuex的本地存储就是这些