App.vue(親) <template> <div class="top"> <first-child :hoge="title"></first-child> <second-child @input-text="addText"></second-child> <third-child :fuga="textList"></third-child> </div> </template> <script> import FirstChild from './components/FirstChild.vue'; import SecondChild from './components/SecondChild.vue'; import ThirdChild from './components/ThirdChild.vue'; export default { components:
![Vue.jsでのコンポーネント間データ受け渡しについて勉強してみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/6cfd5862c6a65b6b756ef6fca6c2f3e78fca5334/height=288;version=1;width=512/https%3A%2F%2Fimages.macareux.co.jp%2F5916%2F4068%2F3110%2Fdefault_thumbnail.png)