vuex

1什么是vuex？

vuex是一个专门为vue.js应用程序开发的状态管理模式。它采用集中管理存储管理应用所有组件的状态，并已相应的规则保证状态

简单来说，vuex并不是什么难理解的东西，他就是一个公共的状态管理库，他在数据复杂时用得到，比如说多个视图依赖同一个状态

比如说一个界面需要判断我是否登录，那么我可以把判断登录的状态存在vuex中，在另一个页面可以直接取用，不用再组件相互传值那样麻烦

2vuex的使用

首先再文件中创建一个store的文件夹，里面放一个js文件

链接vue和vuex文件并使用vue.use使用，导出一个vuex。store的对象，里面放着vuex的五个状态分别是：state状态 mutations修改state值得方法 actions vuex得异步操作 modules 模板 getters计算属性

之后再main.js中导入store即可

3vuex的五大核心

state：state说白了就是vue里面的data，用来定义变量的

getter：getter是计算属性，它的作用就是过滤state，比如说我们定义了一个flag为true，当到达某一个条件时变为false那么就可以把方法写在getter里，这是给公共组件做一个统一得管理

mutation：这个函数就是改变state中得状态得，这个函数只能写同步代码

actions：这个函数就是写异步代码得

我们总结下，各个代码块对应的语法糖

1.state: mapState

2. getters: mapGetters

3.mutations: mapMutations

4.state: actions