Как правильно объединить данные для нескольких компонентов?

Question

[thorii]

Допустим, вот так выглядит приложение:

<div id="app">
    <app-view-port />
</div>

Шаблон appViewPort:

<div class="view">
    <post-form />
    <post-list />
</div>

postList берет данные из локального data{ posts: [] } и формирует список через -v-for.
Как сделать push в postList data{ posts: [] } из postForm?

Пытался data перенести в корневой компонент, но потомки его не видят.

Answer 1

[Alexander]

А как вы data потомкам показывали? Передавайте его через props каждому из них.

<div class="view">
    <post-form :posts="posts" />
    <post-list :posts="posts" />
</div>

В каждом из компонентов не забыть указать свойство
props: ['posts']

Answer 2

[Alexander Pushkarev]

Через vue-resource

Comments

[thorii]

Вы видимо не поняли. Мне нужно перемещать данные между компонентами одного уровня локально, на клиенте

[Ilya]

thorii: используй стор, vuex .например