commit实例（二）

main.js

const store = new Vuex.Store({ // 创建vuex实例
  state: { // 仓库
    count: 0
  },
  mutations: { // 修改
    countIncrease (state, v) { // 把state传进来
      state.count = v
    }
  }
})

app.vue

<div id="app">
  <h1>count:{{count}}</h1>
  <button @click="countIncrease">点我</button>
</div>

methods: {
  countIncrease () {
     const v = 100
     // commit：同步操作，写法：this.$store.commit('mutations方法名',值)
     this.$store.commit('countIncrease', v) 
   }
 },
 computed: {
   count () {
     return this.$store.state.count // 获取vuex的数据
   }
 }