HTML側からVueに値を設定する 【JavaScript フレームワーク入門】 - JavaScript勉強会

Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-2-4 HTML側からVueに値を設定する HTML CSS JavaScript 実行結果 v-model属性 v-bind属性 ディレクティブとは？ まとめ 4-2-4 HTML側からVueに値を設定する (p.124) HTML側から入力した値をVueオブジェクト側に渡すには？ Vue.jsはMVVMパターンのJavaScriptフレームワークです。 MVVMパターンの特徴として「双方向のデータバインディング」（データ結合）という仕組みがありました。 Modelのデータ → Viewに表示する （前回練習した方法） Viewを変更 → Modelにも反映させる （今回練習する方法） 今回は、(2)Viewの変更をModelに伝える方

[jsstudy]

双方向のデータバインディング（データ結合）には、「v-model」ディレクティブを使えばOK。　リアルタイムの書き換えが超簡単！→MVVMパターンの長所？