v-bindとv-modelの違い

v-bindとv-modelの違い

HTML コンポーネントの値が変わっても、Model の値は変わりません。Model から HTML への一方通行です。 -> 双方向データバインディング

HTML コンポーネントの値に変更があった場合、自動で Model の値を更新します。 -> 単一方向データバインディング

コードで確認

【Vue】v-bind と v-model の違い - 山崎屋の技術メモ

こちらのwebサイトに確認するのに良さげなコード発見

https://jsfiddle.net/hiroki1205/sxuf1r2q/7/

v-bindフォームにはinputに値を入れてもモデルの値は変わらない。 一方v-modelの方はinputに値を入れてもモデルの値は変わる。