MEMO2017-10-22[Vue.js]フォームの必須バリデーション実装例バリデーション関係はプラグインが結構あり、本来はそれを使うべきなんだろうけど勉強がてら実装。細かいバリデーションはまだややこしいので必須チェックのみ。Demo詳細オブジェクトをループ処理したい場合はkeysを上手く使う算出プロパティのisValidでやっているが、Object.keys(someObject)でキーの配列が取得出来るので、それに対して処理を行うことでオブジェクトの全キーに対して処理をすることが出来る。inは色々罠が多くて正直使いたくないのでこっちを覚えておきたい。v-model="hoge"></my-component>このようにコンポーネントに対しv-modelを使った場合、これは以下の糖衣構文になる。}"></my-component>このまま使ってもいいが、コンポーネントにvalueというプロパティをv-modelとは別に渡したい時などに困る。その際は、コンポーネントのmodelオプションを利用すればいい。radio-componentでは以下のように記述している。},});radio-componentにはプロパティとしてvalueを使いたいため、modelオプションでv-modelではmodelプロパティをバインディングするよう変更している。自作コンポーネントに対しv-modelを適用するような場合、明示的にバインディングするプロパティを指定するためにmodelプロパティは指定するよう意識づけたほうがいいかもしれない。つながりを作るWebプログラマ。