vuex中的mapgetters使用
时间: 2023-04-22 17:04:51 浏览: 112
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
在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了。
阅读全文