text Vuex助手

Posted 2021-05-01

<script>
import { mapGetters, mapState, mapMutations } from 'vuex'

export default {
  computed: {
    // mix this into the outer object with the object spread operator
    ...mapState([
      'currentPage'
    ]),
    
    // mix the getters into computed with object spread operator
    ...mapGetters([
      'pageCount'
    ]),
  },
  methods: {
    ...mapMutations([
      'increment', // map `this.increment()` to `this.$store.commit('increment')`

      // `mapMutations` also supports payloads:
      'incrementBy' // map `this.incrementBy(amount)` to `this.$store.commit('incrementBy', amount)`
    ])
  }
}
</script>