vuex的介绍

1.什么是vuex

1.vuex是vue的状态管理模式，就是管理公共数据的，这个数据在任何组件都能使用

2.vuex的持久化数据

	1.安装插件

cnpm  i  vuex-persist  --save

3.在store/index.js中引入

import  vuexPersist  from  "vuex-persist"

4.vuex的五大核心

1.state:状态存放数据，相当于data
2.mutations:修改state的地方，而且只有他有权利修改state，Vuex给我们提供修改仓库 store中的状态的唯一办法就是通过提交
3.getters:相当于计算属性，getters 是store的计算属性，类似于computed,对state里的数据进行一些过滤，改造等等
4.actions：在vuex中执行异步操作的地方,用来解决异步流程来改变state数据。
5.module：模块当state比较多的时候进行分快管理，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理,

5.state的使用

1.state的使用：this.$store.state.xxx
建议使用计算属性这样在数据改变时会自动更新

2.mutations的使用：this.$store.commit('事件名，传的参数)

6.高级用法—辅助函数（语法糖）

四大金刚
1.mapState,mapActions,mapMutations,mapGetters

2.辅助函数可以把vuex中的数据方法映射到vue组件中，达到简化操作的目的

7.高级用法—数据持久化

问题：存储在vuex中的状态，刷新页面，会丢失。
为了解决页面数据丢失，才有了数据持久化。

最简单的做法就是利用插件vuex-persistedState

安装cnpm install vuex-persistedState -S
-S 是–save的简写，意为：把插件安装到dependencies（生产环境依赖）中
-D是–save-dev的简写，意为：把插件安装到devDependencies（开发环境依赖）中