vuex直接修改state、commit和dispatch修改state的用法及区别说明

目录

• vuex直接修改state、commit和dispatch修改state的区别
• 区别
• 总结

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
  state: {
    name:''
  },
  mutations: {//类似method
    SET_NAME(state, name) {
      state.name = name;
    }
  }

this.$store.commit("SET_NAME", 'xlt');

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
  state: {
    name:''
  },
  mutations: {//类似method
    SET_NAME(state, name) {
      state.name = name;
    }
  },
  actions: {//类似method
    set_name({ commit }, name) {
        commit('SET_NAME', name)
    }
  }

this.$store.dispatch("set_name", 'xlt');