vuex中的mapgetters使用

在Vuex中，我们可以使用mapGetters来获取store中的getters。mapGetters是一个辅助函数，它可以将store中的getters映射到组件的计算属性中。使用mapGetters可以简化代码，使代码更加清晰易懂。

使用mapGetters的步骤如下：

1. 在组件中引入mapGetters函数。

2. 在计算属性中使用mapGetters函数，将store中的getters映射到组件的计算属性中。

例如，我们有一个store，其中定义了一个getters：

const store = new Vuex.Store({
  state: {
    count: 
  },
  getters: {
    getCount: state => state.count
  }
})

我们可以在组件中使用mapGetters来获取getters：

import { mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters(['getCount'])
  }
}

这样就可以在组件中使用this.getCount来获取store中的getters了。

相关问题

vuex mapGetters

`mapGetters` 是 Vuex 提供的一个辅助函数，用于将 store 中的 getter 映射到组件的计算属性中。它可以帮助我们简化组件中对 getter 的调用。

使用 `mapGetters` 首先需要在组件中引入 `Vuex`：

import { mapGetters } from 'vuex'

然后在组件的计算属性中使用 `mapGetters`：

computed: {
  ...mapGetters([
    'getterName1',
    'getterName2'
  ])
}

这样就可以在组件中直接使用 `this.getterName1` 和 `this.getterName2` 访问 store 中定义的 getter 了。如果需要给计算属性取别名，可以使用对象的形式：

computed: {
  ...mapGetters({
    aliasName1: 'getterName1',
    aliasName2: 'getterName2'
  })
}

这样就可以使用 `this.aliasName1` 和 `this.aliasName2` 访问相应的 getter。

vuex mapgetters

`mapGetters` 是 Vuex 提供的一个辅助函数，用于将 store 中的 getter 映射到组件的计算属性中。它可以帮助我们简化组件中对 getter 的调用。

使用 `mapGetters` 首先需要在组件中引入 `Vuex`：

import { mapGetters } from 'vuex'

然后在组件的计算属性中使用 `mapGetters`：

computed: {
  ...mapGetters([
    'getterName1',
    'getterName2'
  ])
}

这样就可以在组件中直接使用 `this.getterName1` 和 `this.getterName2` 访问 store 中定义的 getter 了。如果需要给计算属性取别名，可以使用对象的形式：

computed: {
  ...mapGetters({
    aliasName1: 'getterName1',
    aliasName2: 'getterName2'
  })
}

这样就可以使用 `this.aliasName1` 和 `this.aliasName2` 访问相应的 getter。