[図解]Vue.js2.x系で親子コンポーネント間でデータの受け渡しをする方法

引用: Components#Composing Components - vue.js Vue.jsで親子コンポーネント間でのデータの受け渡しは、原則としてPass Props/Emit Eventsで行う。 親コンポーネントから子コンポーネントへデータを渡すときはPropsを使い、子コンポーネントから親コンポーネントへデータを渡すときはEmitでイベントを発火させる、ということらしい。 ただ、公式ドキュメントに載っている図を見るだけではよくわからなかったので、実際にサンプルを作ってみた。 親子コンポーネント間でデータの受け渡しをする方法 <div id="app"> <div class="parent"> <h2>Parent</h2> <!-- 子コンポーネントからのデータを表示 親.applyメソッドで更新される --> <p>{{ messageFromChild }}</p>

[Rishatang]

公式に全部日本語でまとまっているのに、なんでこの記事がブクマされてるのかわからない。公式を見るっていう発想がなかった人は悪い癖がついしまっているから改めた方がいい

[uehaj]

Vue.jsが全然わからない…。

[bc_rikko]

親子間のデータのやりとりをサンプルコードと一緒に図解してまとめました。