エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vue.js 親・子 コンポーネント間 データ 受け渡し - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vue.js 親・子 コンポーネント間 データ 受け渡し - Qiita
やりたいこと Vue.js (Vue CLI)で、親・子コンポーネント間でデータを受け渡したい。 今回は以下のよう... やりたいこと Vue.js (Vue CLI)で、親・子コンポーネント間でデータを受け渡したい。 今回は以下のような流れでデータを受け渡します。 child1.vue(子1) → pearent.vue(親) → child2.vue(子2) child1.vue(子1) → pearent.vue(親)、子から親へデータを移動 今回は、ボタンを押すとinputに記載された文字列を親コンポーネントに渡す処理を実装します。 まずchild1.vue(子1) <template> <div id="target-input"> <p>以下input内に入力されたデータを親に渡します</p> <input type="text" @input="example = $event.target.value"> <button @click="sendToParent">親へデータを渡す</butt