vue中事件的绑定机制

vue中事件的绑定机制分为两种：单向数据绑定和双向数据绑定
1.单向数据绑定用v-bind,可以缩写为“：”
2.双向数据绑定用v-model
例如：

<div id="app">
            <h2>{{msg}}</h2>
      <!--单向数据绑定-->
             <input type="text"  v-bind:value="msg" style="width:100%"> 
             <!--双向数据绑定-->
            <input type="text" style="width:100%" v-model="msg">
        </div>
        <script>
         var vm= new Vue({
             el:'#app',
             data:{
                 msg:'我们都是爱学习的好孩子，我们爱编程，我们是最棒的！！'

             },
             methods:{

             }
         });
        </script>

注意： v-bind 只能实现单向数据绑定，从M自动绑定到V ，不能实现双向的数据绑定
v-model可以实现数据的双向绑定，但只能用于表单元素
表单元素有：input(radio,text,address,email…) ,select , checkbox,textare