模块B(moduleb.js
)
getters:{
Bname (state) {
return 'Bname'+state.hisname.toString()
}
}
全局(index.js
)
getters:{
theirname(state){
return 'them'+state.count.toString()
}
}
组件中调用模块/全局中的getters
方式1:通过属性this.$store.getters
访问
Getter
会暴露为 store.getters
对象,你可以以属性
的形式访问这些值
<p>调用全局的getter:{{this.$store.getters.theirname}}</p>
<p>调用模块的B的getter:{{this.$store.getters['b/Bname']}}</p>
方式2:通过辅助函数mapGetters
<p>a:_ {{useAget}}</p>
computed: {
...mapGetters({
useAget:'a/Aname'
})
}
//另一种写法(不含别名)
computed: {
...mapGetters('a',['Aname'])
}
<p>调用模块A中的getter:{{Aname}}</p>