ハッピーメモメモ

私的備忘録

【Vue】v-model

基本的な動作

ユーザーの入力イベントにおいてデータを更新する

 

注意すべき動作

・任意の form 要素にある value、checked、または selected 属性の初期値を無視する

→初期値を設定してもダメだったのはこれだ!

フォーム入力バインディング — Vue.js

 

・v-modelはフォーム(input要素, select要素, textarea要素など)の入力値 / 選択値をvueインスタンスのdataを同期させる 「双方向データバインディング」!!

→自分がこれまで認識していた動きとは逆の動きが起きるのでびっくりした…!

 他のメソッドにも双方向の動き、単方向の動きがあるので、

 意識してみてみるといいかも!