<template> <div class="contact-info"> <input-contact-name v-model="model.name" /> <input-phone-numbers v-model="model.phoneNumbers" /> <input-mail-addresses v-model="model.mailAddresses" /> </div> </template> <script> export default { data () { return { model: { name: { family: 'Hoge', first: 'Taro' }, phoneNumbers: [ ... ], mailAddresses: [ ... ], } } } } </script> 子コンポーネント側は、親から受け取ったオブジェクトを、inpu
