Vuex Store машинописной машинописи

Question

Эй, ребята, я работаю над Vue, Vuex строго типизированным шаблоном проекта с использованием декораторов.

Поскольку я новичок во всем магазине, я не могу понять, как правильно настроить мой магазин будет работать в моих компонентах, как я и ожидал.

что я, наконец, хочу достичь, это вызывать действия, ... моих различных модулей магазина следующим образом:

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

больше конкретный пример для проекта будет

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

здесь ссылка на репо

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 в модуль действия users, а не fetchTickets