不管是使用插值表达式{{ }} 还是v-text指令，对于数据间的交互都是单向的，只能将Vue实例的值传递给页面，页面对于数据值的任何操作都无法传递给model
    MVVM模式最重要的一个特性就是双向绑定，而Vue作为一个MVVM框架，也实现了数据的双向绑定
    在Vue中使用内置的v-model指令完成了View和Model的双向绑定

    1. <!DOCTYPE html>
    2. <html>
    3.     <head>
    4.         <meta charset="utf-8">
    5.         <title></title>
    6.     </head>
    8.     <body>
    9.         <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
    11.         <div id="app">
    13.             <input type="text" v-model="name">
    14.             <p> {{ name }} </p>
    15.         </div>
    17.         <script>
    18.             var vm = new Vue ({
    19.                 el: "#app",
    20.                 data: {
    21.                     name:"dailiang",
    23.                 }
    25.             })
    26.         </script>
    28.     </body>
    29. </html>

    我们会发现一个现象image.png
    当我们在浏览器输入任何值，下面的显示会随之变化，说明vue实例的值在实时变化