はてなブックマーク

子から親コンポーネントのデータを更新する方法を教えてください。$emitってどうやって使ったらいいのかよく分かりません(´＿｀。) 親コンポーネントから子コンポーネントにデータを渡すには、propsプロパティを使います。詳しくは「【Vue.js】propsを使う時は命名に注意。サンプルコード有」に書きました。 では、反対に子コンポーネントから親コンポーネントのデータを更新するにはどうしたらいいでしょうか。結論から言うと、$emitでイベントをトリガ(きっかけとなるもの)して、v-onディレクティブでイベントを購読することで実現可能です。 文章だけだとよくわからないと思いますので、コードを書きながら子から親コンポーネントのデータを更新する方法を学んでいきましょう。 子から親コンポーネントのデータ更新を実装したサンプルを確認してみよう子から親コンポーネントのデータ更新を実装して、以下のようなサ