2021-10-25

vuex mutations基本用法

在store.js定义state，mutations

const store = new Vuex.Store({
    state: {
        count: 0
    },
    mutations: {
        add(state, step) {
            state.count += step
        }
    },
  modules,
  getters
})

export default store

在你要使用的页面加入以下代码

/*
*/
import { mapState, mapMutations } from 'vuex'
computed: {
        ...mapState(['count'])
 },
methods: {
    ...mapMutations(['add']),
      addHandel() {
          this.add(10)
      }
}