Лучшая практика для помощников Vuex

Question

Мой миксин для получения помощников Vuex выглядит следующим образом:

import { createNamespacedHelpers } from 'vuex';
const { mapGetters, mapActions } = createNamespacedHelpers('displayfood');

export default {
    computed:{
        ...mapGetters([
            'food',
            ( ... )
        ]),
    },
    methods:{
        ...mapActions([
            'fetchFood',
             ( ... )
        ]),
    }
}

У меня есть большой компонент с ~ 12 компонентами (включая вложенные).Для каждого дочернего компонента, которому нужны данные, мне нужно позвонить:

import displayFood from '@js/mixins/displayFood';

export default { mixins:[displayFood] }

Есть ли другой способ, без необходимости постоянно писать импорт и миксины?(Кроме Global Mixin)

Answer 1

Нет, миксины будут определены локально или глобально.

Или вы можете сохранить получатели и действия только в вашем компоненте верхнего уровня, а затем передать его дочерним элементам.Это сделает ваших детей более пригодными для повторного использования, их будет проще тестировать, а все дерево компонентов будет легче реорганизовать.

Каждый раз, когда вы переходите от компонента к внешним данным (вашему хранилищу vuex) вместо использования реквизита и событий,связывает каждый компонент с хранилищем данных.