Передача данных родительскому элементу верхнего уровня из дочерних компонентов низкого уровня во вложенном Vue.js организация компонентов?

#javascript #vue.js #events

#javascript #vue.js #Мероприятия

Вопрос:

Я понимаю, что Vue.js архитектура требует, чтобы вы передавали данные дочерним элементам с помощью реквизитов и использовали события, чтобы сделать это наоборот. Но это становится действительно запутанным, когда есть вложенные дочерние элементы. Я имею в виду, как я должен аккуратно передавать данные от дочернего элемента низкого уровня вплоть до его самого высокого родителя. Прямо сейчас я должен выдать событие в дочернем элементе и обработать его в непосредственном родительском элементе, который затем должен выдать другое, которое в конечном итоге обрабатывается в родительском элементе верхнего уровня.

Каков стандартный способ сделать это?

Должен ли я использовать vuex или что-то в этом роде? Разве нет простого решения этой проблемы?

Комментарии:

1. Да, используйте Vuex. Есть и другие способы, но нет лучшего, и это очень просто.

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

3. @Дэн Ха, хорошо. Спасибо.