Vue.js核心：数据的双向绑定

用一个简单的例子展示Vue.js的核心功能：数据的双向绑定；代码如下：

<body>
<div id="app">
    <input type="text" v-model="name" placeholder="你的名字">
    <h1>你好，{{name}}</h1>
</div>
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
<script>
    var app = new Vue({
        el:'#app',
        data:{
            name:''
        }
    })
</script>
</body>

效果图如下：

Vue.js核心：数据的双向绑定