vuex

vuex可以用来存放组件状态(state)

new Vuex.Store({

  state:{

    //存放数据

  },

  getters:{

    //从state中分离出新数据

  },

  mutations:{

    //修改数据

  },

  actions:{

    //异步获取数据

  },

  modules:{

    //数据过多时,我们应该将不同组件的数据分模块划分

  }

})

修改state的唯一方式就是提交mutation

commit()

组件中使用commit this.$store.commit('mutation名字','数据')

action中需要需要先从参数中获取commit

actions:{

  //actionName(context){}

  actionName({commit}){

  commit('mutation')

  }

}

action中进行异步操作,想要调用action,需要使用dispatch('actionname',数据)

如果我们使用了module

那么module中建议添加选项namespaced:true

添加了namespaced:true 之后我们对应的getters mutation哟及actions都会变成

模块名/gettername

模块名/mutationname

模块名/actionname

原文地址:https://www.cnblogs.com/anziran/p/10128203.html