Mutations

1import Vue from "vue";
2import Vuex from "vuex";
3
4Vue.use(Vuex);
5
6export default new Vuex.Store({
7  state: {
8    num: 10,
9  },
10  mutations: {
11    addNum(state, payload) {
12      state.num += payload;
13    },
14  },
15});

1<template>
2  <div>
3    <p>{{ $store.state.num }}</p>
4    <button @click="hdClick">同步按钮</button>
5  </div>
6</template>
7
8<script>
9export default {
10  data() {
11    return {};
12  },
13  methods: {
14    hdClick() {
15      // 通过commit()调用mutations中的方法
16      this.$store.commit("addNum", 10);
17    },
18  },
19};
20</script>

Mutations#

Mutations