Как связать два компонента

Есть 2 компонента: create-note, first-note. Все они находятся в одном шаблоне:

<div class="notes">
    <create-note></create-note>
    <div class="note-list">
        <first-note></first-note>
    </div>
</div>

Компонент create-note - создает заметку. Компонент first-note - выводит ее.

Вопрос: как поймать данные из create-note в first-note для вывода?