vuex 商店基于类的打字稿

Question

大家好，我正在开发一个 Vue，Vuex 使用装饰器的强类型模板项目。

由于我是整个商店的新手，我无法弄清楚如何正确配置商店以在我的组件中按预期工作。

我最终想要实现的是调用我的不同商店模块的操作，如下所示：

this.$store.nameOfMyModule.NameOfAction
this.$store.<nameOfMyModule.NameOfGetter

一个更具体的项目示例是

this.$store.tickets.tickets
this.$store.tickets.fetchTickets

这里是repo的链接

Answer 1

我认为最好使用mapActions 和mapGetters：

import { mapActions, mapGetters } from 'vuex'

//...

computed: {
   ...mapGetters('tickets', [
        tickets
   ]),
   ...mapGetters('users', [
        users
   ])
},

methods : {
   ...mapActions('tickets', [
        fetchTickets
   ]),
   ...mapActions('users', [
        fetchUsers
   ])
}
//...

之后，你可以直接在你的组件中使用this.fetchTickets()和this.tickets

最后你必须把fetchUsers放在action的users模块中，而不是fetchTickets