VUE学习日记（三） ---- 数据绑定v-model（表单：文本框）

v-model可为页面输入框进行数据绑定

<div id="myPage">
      <p>你最喜欢的游戏是：{{gamename}}</p>
      <input v-model="gamename" placeholder="请输入你喜欢的游戏">
    </div>    


    <script>
      var myPage = new Vue({
        el:'#myPage',
        data:{
          gamename:'地下城与勇士'
        }
      })
    </script>

效果图：

 

 下面我在输入框输入“英雄联盟”，效果：