VuexのmapStateの使い方

importでmapStateを宣言しておいて、

count () {
  return this.$store.state.count
}

としていたところを書き換えます。

最終的にはこのような形になります。

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です