Vue.jsでFormの各要素をComponent化する際の覚え書き - Qiita

2020/04/10 追記 Vue-Composition-API版を書きました。 ↓の記事のv-bind.syncを使うほうが実用的です。 Vue.jsでForm要素のラッパーコンポーネントを作る際の2つの方法（v-bind.sync, v-model） - Qiita Vue.jsでFormの各フィールドをcomponent化する際の実装例です。 コンポーネント化することで、デザイン、バリデーションなどが全Formで共通化できます。 流行りのAtomicデザインを適応する際などに良いかと思います。 以下コードは、全てこちらのリポジトリにあります。 https://github.com/kawamataryo/Vue-atomic-form Input まず基本のinputのcomponet実装例。 フィールドの値は、@inputで変更を監視して、$emitの'input'を利用し親コン

[tohokuaiki]

へー。コンポーネント化、面倒だな…って、この人消防士からITエンジニアに転職した人か！https://b.hatena.ne.jp/entry/s/note.com/ryo_kawamata/n/n4fc0fa900314