2020年5月3日解決済み

v-bindとv-modelの違いがわかりません

ユーザー

こんにちは。

お世話になっております。
vbindについて自分でも調べたのですがいまいちわかりません

v-bind と v-model の違い

をみてみると

v-bind は Model の値を HTML コンポーネントに反映(出力)します。HTML コンポーネントの値
が変わっても、Model の値は変わりません。Model から HTML への一方通行です。

と書いてあって

じゃあこの上記の動画のソースコードで照らし合わせてみると

<input type="checkbox" v-model="todo.isDone">のv-modelと

v-bind:class="{done: todo.isDone}のv-bindとでは働きがちがうのかな、ってところまでは理解できても

なんかよくわかりません

またあるQiitaの記事では

Vue.jsで属性かv-bindかの応用

v-bindは属性に対して埋め込みたい時に使います。

とあって、いまいち言ってることが断片的にならわかる部分もありますが

このvbindに関して全然実態がよくわからないので詳しく説明していただけると嬉しいです。

スタッフ

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?