Phoca https://blog.hatena.ne.jp/Phoca/ skydum https://skydum.hatenablog.com/ Vue.js Vue 2でコンポーネント間のデータのやり取りを行う 普段Vueをそれほど頻繁には使わないのでv-model、.syncを使った方法をよく忘れるので備忘録として記載する 記載してあるソース全文についてはindex.htlmの様にコピペしてローカルでそのまま動きます。(VueCLIは不要) Vue.js でコンポーネント間のデータのやり取りを行うにはいくつかの方法がある。 props を利用する v-modelを利用する .syncを利用する コンポーネント間のやり取りを行うために以下のルールがある 親のコンポーネントから子供のコンポーネントへ渡したデータは子供側で変更を行ってはいけない 子供か… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fskydum.hatenablog.com%2Fentry%2F2022%2F04%2F02%2F215255" title="Vue 2でコンポーネント間のデータのやり取りを行う - skydum" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/P/Phoca/20220327/20220327213935.png Hatena Blog https://hatena.blog 2022-04-02 21:52:55 rich https://skydum.hatenablog.com/entry/2022/04/02/215255 1.0 100%