vuex筆記03

// 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;
    }
  }),
  methods: {
    increment () {
      // return this.$store.commit('increment');
      return this.$store.dispatch('increment');
    }
  }
}
</script>