vuex属性

vuex 有五个属性

State：定义了应用状态的数据结构，可以在这里设置默认的初始状态。
Getter：允许组件从 Store 中获取数据，mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性。
Mutation：是唯一更改 store 中状态的方法，且必须是同步函数。
Action：用于提交 mutation，而不是直接变更状态，可以包含任意异步操作。
Module：允许将单一的 Store 拆分为多个 store 且同时保存在单一的状态树中。

获取state里状态

const state = {
  'a',
  'b',
  'c'
}

1. this.$store.state.某属性
2. computed:{
    ...mapGetters([
        'a',
        'b',
        'c'
      ])
}

更改状态

1.同步更改mutations

  this.$store.commit('a',value)

2.异步更改action。action中通过commit触发mutations进行state数据更改

3.页面中

 this.$store.commit('a',value)  同步更改，触发mutations
 this.$store.dispatth(action中的含函数，params)     触发action中函数