【Vue】知っておきたい .sync修飾子のすゝめ - Qiita

Vue.js 2.3.0から実装された 「.sync 修飾子」がVue.jsを書いていると陥るよくある困りごとを解決したので紹介します！ サンプルコードはこちら↓ https://github.com/harhogefoo/vue-sync-modifier-sample 対象読者 Vue.js 経験者 子コンポーネントに複数のプロパティをバインドさせたい人（Object型も含む） これから大量の入力フォームを子コンポーネントに分割して実装していくんだぜ...な人 よくある困りごと 例えば、新規作成(new)、 編集(edit)それぞれのページの共通のフォームのコンポーネントを実装する場合、 そのコンポーネントにフォームの情報を持つObject型のプロパティを渡したくなりますよね。 Vueでは、プロパティを渡した先でプロパティの情報を更新しようとすると、 以下のようなwarningログが出

[tohokuaiki]

これ欲しかったけｄ、各要素について @input="$emit('update:name', $event.target.value)"書かないといけないのって控えめに言ってクソなんだけど…これ、最後のUserInputForm.vueのpropsにdefaultUser()付けたらいけるけどいかんの？

[yojik]

便利