vue.js:v-model

20201027

by YiruAtStudio

HTML

<div id="myapp">
  姓名:<input type="text" v-model="myname">
  購買數量:<input type="number" v-model="mynum">
  <br>
  {{myname}}，購買數量為:{{mynum}}
</div>

JavaScript

var myapp = new Vue({
  el: '#myapp',
  data: {
    myname: 'Name:',
    mynum: '5'
  }
})