vuex

1.state

state：用一个对象就包含了全部的应用层级状态。

$store.state.n

　　

2.mutations

mutations：更改 Vuex 的 store 中的状态的唯一方法是提交 mutation

$store.commit('methods1',n)

3.actions

actions: action 提交的是 mutation，而不是直接变更状态。action 可以包含任意异步操作。

 const actions = {
    actionsAddCount(context, n = 0) {
        console.log(context)
        return context.commit('mutationsAddCount', n)
    },
    actionsReduceCount({ commit }, n = 0) {
        return commit('mutationsReduceCount', n)
    }
}

$store.dispatch('methods2',n)

　　

4.getters

     getters: 相当于Vue中的computed计算属性

　　

getters: {
  list(state) {
   return state.list
  }
  computed: {
    count(){
      return this.$store.getters.getterCount
    }
  }