Question 1

Vue における v-model とは何ですか？

Accepted Answer

v-model はフォーム要素とリアクティブなデータの間に two-way binding を作成します。input の値を関連する変数と自動的に同期し、値のバインディングとイベントリスナーを手動で記述する必要をなくします。このディレクティブは Vue でフォームを扱う標準的な方法です。

Question 2

v-bind とイベントリスナーを使った v-model に相当するものは何ですか?

Accepted Answer

v-model は、値をバインドする v-bind:value (または :value) と変更を監視する @input の組み合わせのシンタックスシュガーです。この組み合わせは v-model の内部動作を理解するのに役立ち、更新をより細かく制御したい場合に便利です。

Question 3

ユーザーがフィールドを離れた後にのみ値を同期させるには、どの v-model 修飾子を使うべきですか?

Accepted Answer

.lazy 修飾子は、v-model の動作を input ではなく change イベントを監視するように変更します。同期はキー入力ごとではなく blur 時に行われます。これは頻繁な更新を減らし、コストの高いバリデーションを持つフィールドのパフォーマンスを向上させるのに役立ちます。

Vue フォームとバリデーション

その他のVue.js / Nuxt.js面接トピック