关于Vuex中的数据流向

Vuex几个核心概念

• state 相当于Vue中的data
• getter 相当于Vue中的computed，可以认为是store的计算属性
• mutations 相当于Vue中的methods，定义一些方法，唯一改变state数据的办法是提交mutations
• actions 跟mutations类似，可以处理异步逻辑
• modules 主要解决的是多个store对外暴露的问题

在src目录下创建store，包含以下js

举例说明

//state.js
export default {
   
    count:8
}

//mutations.js
export default{
   
    increase(state,payload){
   
        state.count = payload.count
    }
}

//action.js
export default{
   
    changeNumber({
    commit},e){
   
        commit('changeCount',{
    //action提交mutation中的方法
            count:e.count