06笔记vuex actions

// App.vue
<template>
  <div id="app">
    {{ count }}<br/>
    <button @click="increment">+1</button><br/>
    <button @click="decrement">-1</button><br/>
  </div>
</template>

<script>
import { mapState } from 'vuex';
export default {
  name: 'App',
  computed: mapState([
    'count'
  ]),
  methods: {
    increment () {
      this.$store.commit('increment');
    },
    decrement () {
      this.$store.commit('decrement');
    }
  }
}
</script>

// main.js
import Vue from 'vue'
import Vuex from 'vuex'
import App from './App.vue'

Vue.use(Vuex)
Vue.config.productionTip = false

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++;
    },
    decrement (state) {
      state.count--;
    }
  }
});

window.console.log(store.state.count);

new Vue({
  render: h => h(App),
  store
}).$mount('#app')