フォーム入力バインディング

v-model

by sarunokoshikake

HTML

<div id="app">
  <div class="result">入力文字列：{{message}}</div>
  <div class="result-count">入力文字数：{{message.length}}</div>
  <input type="text" v-model="message">
</div>

JavaScript

var sample2 = new Vue ({
  el: "#app",
  data: {
    message: "Hello Vue.js!!"
  }
})