...mapGetters适合写在哪
时间: 2024-09-26 20:19:00 浏览: 27
Vue.js 2.0 参考手册.chm
`mapGetters`是Vuex中的一个工具函数,它用于从状态(state)映射到组件的props或计算属性(computed properties)。通常适用于Vue.js应用的状态管理场景,当你想将store中的状态数据以特定的方式提取出来并暴露给视图层以便于复用和读取时,可以使用mapGetters。
它通常在组件的`computed`选项里使用,尤其是在单文件组件(SFC, Single File Component)中,比如`.vue`文件内,你会看到这样的结构:
```javascript
export default {
computed: {
// 使用mapGetters将store中的状态转换为计算属性
nameFromStore: mapGetters('yourModule', 'yourGetterName'),
// 如果你想获取多个getter,可以这样写
gettersObject: mapGetters(['anotherGetterName', 'yetAnotherGetter'])
}
}
```
在这里,`yourModule`是你想要从哪个模块获取getter,`yourGetterName`和`anotherGetterName`等则是你在该模块下的getter名称。这样做的好处是保持了组件和store之间的解耦,方便维护和测试。
阅读全文