vuex筆記03-02

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

<script>
import { mapState } from 'vuex';
export default {
  name: 'App',
  // computed: {
  //   count () {
  //     return this.$store.state.count;
  //   }
  // },
  data() {
    return {
      localeCount: 4
    }
  },
  // computed: mapState({
  //   count: state => state.count,
  //   countAlias: 'count',
  //   countPlusLocalState (state) {
  //     return state.count + this.localeCount;
  //   }
  // }),
  computed: mapState([
    'count'
  ]),
  methods: {
    increment () {
      // return this.$store.commit('increment');
      return this.$store.dispatch('increment');
    }
  }
}
</script>