005 双向数据绑定

一 .概述

　　在Vue之中最吸引人的就是双向数据绑定的内容了.

　　在Vue之中使用v-model完成双向数据绑定,

　　对于双向数据绑定就是依赖表单元素的,在这里我们说下常见的双向数据绑定的内容.

---

二 .双向绑定演示　

    <div id="app">
          <select v-model="val">
              <option>济南</option>
              <option>北京</option>
              <option>天津</option>
              <option>上海</option>
          </select>
          <p>{{msg}}</p>
          <input type="text" v-model="msg">
    </div>


<script type="text/javascript">
    let app = new Vue({
        el : '#app',
        data : {
            val : 4,
            msg : '好人'
        }
    });
</script>

我们对表单元素进行修改的时候,我们就会享受双向数据绑定带来的好处.