Vue.jsでコンポーネントの親子間でデータのやり取りを行う方法 - Qiita最近Vue.jsを使ったプロジェクトに手を出しています。 そこでコンポーネント間で値をやり取りする方法を調べていましたが、 こうするべきでしょ、というのを私なりに探っていった結果をまとめました。 こちらのコードの例で使用しているVueのバージョンは2.5.21です。 親から子に単方向でやり取りする方法 親コンポーネントから子コンポーネントに一方的にデータの値を渡して、 子からはそれを変更しても、親に変更は伝搬させない場合のやり方です。 シンプルにpropsに渡す propsで親のもつ値を渡します。Vueを使うなら普通のやり方ですね。 See the Pen vue component test parent -&rt; child by stoba (@rhistoba) on CodePen. 子から親に単方向でやり取りする方法 子コンポーネントのもつデータの変更を、親コンポーネントに一
