Vuex学习简单总结

const store = new Vuex.Store({
    state: {
      count: 1
    },
    mutations: {
      increment(state) {
          state.count++;
      }
    },
    actions: {
      increment(context) {
        context.commit('increment');
       }
    }
})

state

• 唯一的数据源
• 单一状态数

this.&store.state.count

getters

mutations

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

store.commit('increment')

actions

• action提交的是mutation，而不是直接变更状态
• action可以包含异步操作