SOURCE

new Vue({
  el:'#app',
  data:{
    value:"1234"
  },
  methods:{
    input:function(event){
      this.value = event.target.value;
    }
  }
})

<!-- 这是单向数据绑定，即只能通过值初始化属性，但是属性变化了值却不变，可以通过绑定事件变成双向数据绑定 -->
<!-- 
<div id="app">
  <input type="text" :value='value' @input='input'/>
  <p>{{value}}</p>
</div> 
--->

<!-- 当然，Vue也提供了双向绑定数据的方法，即使用v-model，使用了v-model的情况下，不需要使用v-bind和事件了 -->
<div id="app">
  <input type="text" v-model='value'/>
  <p>{{value}}</p>
</div>