propsと$emitによるデータのやりとり - Qiita

はじめに Vue.jsは１つのコンポーネントで実装するよりも、粒度に応じて複数のコンポーネントに分解して実装する方がよいとされている。そのようが、ソースコードの可読性やメンテナンス性、コンポーネントの再利用性も活かすことができて便利なためだ。だが、複数のコンポーネント間でデータのやり取りも必要不可欠になり、そこがVue.jsの扱いで最も難しいとされる箇所の１つなのではないかと思う。 そこで今回は自分が忘れてしまってからも当記事を確認するだけですぐに思い出せるように、簡単に実装例も交えつつ、「props」「emit」について取り上げます。 emit, propsとは コンポーネント間には親と子という概念がある。片方のコンポーネントがもう片方のコンポーネントを取り込み（import）するとき、importする側を「親」,importされる側を「子」と呼ぶ。そして、親から子へデータを伝達する手段