技術標籤：Vuex

Addition.vue

<button @click="btnHandler1">+1</button>

  methods: {
    btnHandler1() {
      this.$store.state.count++
    },
  },

雖然改變了值，但以上方式是不正確的，vuex不允許元件直接修改store的資料。

推薦寫法：Mutation

Mutation用於變更Store的資料
①只能通過mutation變更Store的資料，不可以直接操作Store中的資料。
②通過這種方式雖然操作起來繁瑣，但可以集中監控所有資料的變化。

  // 修改倉庫資料的唯一方式
  mutations: {
    add(state) {
      state.count++
    }
  },
    
    
    
  methods: {
    btnHandler1() {
      this.$store.commit('add')
    },
  },

**

只有mutation才有權利去更改倉庫資料

**