mapStateヘルパー

mapStateヘルパー

this.$store.state.messageと書くのは少し長くて面倒なので、
ヘルパー関数が用意されています。

App.vueのスクリプトの部分を以下のように書き換えます。

App.vue

<script>
import { mapState } from 'vuex';

export default {
  computed: {
    message () {
      return this.$store.state.message;
    }
    ...mapState({
      message: 'message'
    })
  }
};
</script>

'message'というように文字列を渡すと内部的にはstate.messageと同じ扱いになります。