vuex是一个状态管理工具

流程：

1. 页面dispatch一个action，然后触发mutations的commit修改状态，state响应到视图上。

解密actions的形参：

image.png

解密mutations的形参：接收state可以直接进行修改state.count = 0

辅助函数

computed:mapState(['count'])  // mapState返回一个对象如下
computed:{
   count (){
      return this.$store.state.count
  }
}
=============
// 简写方式
computed:{
  ...mapState(['count']),  // 可以直接结构出来
  ...mapGetters(['count'])  // vuex中的计算属性，mapGetters传参需要定义两层函数
}
=========
// 如果做二次运算
computed:{
  ...mapState({
  count(state){
       // 形参是state，可以做一些操作
  }
})
}

面试小题：

1. 是否可以直接修改state状态：可以，若将vue创建 store 的时候传入 strict: true, 开启严格模式，那么任何修改state的操作，只要不经过mutation的函数，vue就会 throw error : [vuex] Do not mutate vuex store state outside mutation handlers。在vuex中也是无法保存记录的
2. mutation 中是否可以做异步操作：可以，但是vuex中只记录mutation的同步操作，异步无法记录到所以建议把异步放到action中