v-model

v-model 一般用在表单元素上(input)   用于双向数据绑定

那么何为双向数据绑定?

个人理解为:修改input里的内容时,下面的welcome vue也会跟文本框里的内容一致改变,即双向数据绑定

例子:

<script>
    window.onload = function(){
    var c = new Vue({        //json
        el:'#box',     //element选择器
        data:{
        　　msg:'welcome vue',12         });
    };
</script>
<div id="box">
    <input type = "text" v-model = "msg" placeholder="000">
{{msg}} //输出welcome vue 24 </div>

此时input里会显示welcome vue,

placeholder="000"失效

且我修改input里的内容时,下面的绑定的{{msg}}welcome vue也会跟文本框里的内容一致改变,
即双向数据绑定