Передача данных между расширенными компонентами ИЛИ метод вызова компонента

Question

У меня есть основной компонент, который выбирает список пользователей в Created() методе. Два следующих компонента расширены от основного компонента. В этом случае каждый раз создаваемый метод вызывает вызовы при создании расширенных компонентов. Поэтому у меня есть дополнительный вызов списка извлечения пользователей. Цель - выборка пользователей за один раз и передача ее в расширенные компоненты.

Например:

https://jsfiddle.net/apokjqxx/45/

В примере мы можем видеть, что Created() метод главных компонент называется два времени, но нужно один раз и передавать данные протяженных компонентов. Какое лучшее решение для этого?

Answer 1

Каждый расширенный компонент - это другой экземпляр объекта, поэтому Created() и выборка выполняются дважды.

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

Vuex, вероятно, является хорошим вариантом для этого «кусок кода»

Answer 2

Если ваша доля math и physics компонент одни и те же данные, и даже имеют много общего в шаблоне, то почему бы не сделать их один компонент? Это позволит решить ваши дублируется выборки проблемы, и вы можете легко изменить шаблон, окружив свой текущий шаблон с v-for и использовать

data() { 
    return { 
     lists: [ 
      {course: 'math', people: ['mike', 'arnold', 'tony']}, 
      {course: 'physics', people: ['mike', 'arnold', 'tony']} 
     ] 
    }; 
} 

как ваши данные.