Vuex的理解

1.vuex是什么？

2.vuex的核心概念；

vuex的属性；
vuex的数据传递流程；

3.为什么要用vuex？

对于问题一，我们按官网的描述即可。vuex是一个专为vue.js应用程序开发的状态管理模式（它采用集中式存贮管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化）。

对于问题二，vuex五大核心属性：state，getter，mutation，action，module

state：存储数据，存储状态；在根实例中注册了store 后，用 this.$store.state 来访问；对应vue里面的data；存放数据方式为响应式，vue组件从store中读取数据，如数据发生变化，组件也会对应的更新。
getter：可以认为是 store 的计算属性，它的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。
mutation：更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。
action：包含任意异步操作，通过提交 mutation 间接更变状态。
module：将 store 分割成模块，每个模块都具有state、mutation、action、getter、甚至是嵌套子模块。

补充：

vuex :状态管理模式

5大属性：
state:{
uname=""
}
mutations:只专门修改state中的变量

mutations:{
//不能放异步 ，ajax请求
steUname(state,uname){
state.uname=uname;
}
}

actions:{//专门负责发送ajax请求，从服务器端获取远程数据，然后再调用mutations中的函数，放在state中
login(context){// context代表整个vuex对象
（async function( ){//es7写法
var result=await axios.post("/users/sign",“uname=dingding&upwd=123456”)
console.log(result)
}）()
}
}

computed:{
…mapState([“变量名”，…]) 取出vuex中state中的变量，自动变成当前组件的计算属性 （详情见官网）
//（代替this.$store.state）
}

methods:{
…mapMutations([“函数名”，…]) 取出mutations中的函数，作为当前组件自己的方法
…mapActions([“函数名”，…]) 取出actions中的函数作为当前自己的方法。
}

比喻：
Actions服务从服务端进货
Mutations是服务员，负责上货
State是货架上的货品