こんにちは!ともです(@_tomo_engineer)! 前回はコンポーネントを定義する方法について勉強しましたが、今回はコンポーネント間でデータを受け渡しする方法について見て行きます。 参考にしたものは以下です。 基礎から学ぶVue.js(書籍) Vue.js:日本語ドキュメント コンポーネントの間の関係 コンポーネントの関係には『親子』または『非親子』の2つが考えられます。 親子の場合 <div id="app"> <comp-child></comp-child> </div> ルートインスタンスを親と考えると、それに含まれたコンポーネントは子だと考える事ができます。 非親子の場合 <comp-friend1></comp-friend1> <comp-friend2></comp-friend2> また同じ階層のコンポーネントは非親子の関係にあると考える事ができます。 スコープ 親