Tech Racho エンジニアの「?」を「!」に。
  • 開発

Vue.jsサンプルコード(04)双方向データバインディングを使ってみる

04. 双方向データバインディングを使ってみる

inputなどのHTMLタグにv-model属性を追加すると双方向データバインディングが有効になる(公式記事)。

<div id='app'>
  <input type="text" v-model='a'>{{a}}
</div>

ポイント: 以下を自分の環境で実行してからブラウザの開発コンソールで vm.a の値を変更するとフォームと連動する。

サンプルコード

  • Vue.jsバージョン: 2.5.2


バックナンバー(Vue.jsサンプルコード)

Vue.jsサンプルコード(01〜03)Hello World・簡単な導入方法・デバッグ・結果の表示とメモ化

CONTACT

TechRachoでは、パートナーシップをご検討いただける方からの
ご連絡をお待ちしております。ぜひお気軽にご意見・ご相談ください。