双向绑定v-model

v-model:双向绑定用于表单元素（input/select/option/textarea）
            <div  class=".box">
                       <input v-model="message"/>
                          <p>{{message}}</p>
            </div>
  

new Vue({
     el:".box",
     data:{
            message:""
}
})



v-on:绑定事件
<div class="box">
    <input  v-model="message"/>
     <button v-on:click="fun">添加</button>
          <ul>
                    <li v-for="value  in  a">{{value}}</li>
         </ul>
</div>
  new  Vue({
           el:".box",
            data:{
                    a:"你好"，
                    message:""
           } ,
            methods:{
                  fun:function(){
                            this.a.push(this.message)
                 }
           }
})