Vue. Отправить данные из app.vue в child?

Question

[HeyAway]

Здравствуйте!

Структура такая:

-app.vue(главная навигация, общий раздел с ресурсами(фото, аудио), контент)
-- page_home_photos(допустим, раздел с фото, выбранный в навигации. Слева у него своя навигация по разделу)
--- page_home_photos_create, page_home_list, etc...(отображает каждый радел)

Так вот. Суть такая, что из общего раздела с реса-ми(который в app.vue) нужно отправлять данные, допустим, в "page_home_photos_create". @клик -> записать данные в объект/массив и отобразить через v-for в "page_home_photos_create".

Пример: нужно создать новость с фотками и для того, чтобы не пилить листинг фотографий на каждом подобном разделе, я подумал, что этим должен заниматься какой-то общий раздел. Возможно, неправ. Клик по фотке слева и она добавляется в список фоток, которые нужно прикрепить к посту.

Надеюсь, доступно объяснил.

@app.vue_click -> child_data_array -> v-for

Спасибо!

Answer 1

[Ваник Хачатрян]

В child получаешь из parent так: $root.data_arrayв разметке и this.$root.data_array в методах
то есть ты не из родительского отправляешь в дочерний, а в дочернем получаешь из родительского

Comments

[HeyAway]

Добавил в main.js(где vue инстанс создается) "data". После этого $root заработал.

Спасибо большое. Все довольно просто, оказывается.