<body>
<div id="app">
<input type="text" v-model="message" placeholder="请输入" ></input>
<h1>你好,{{ message }}</h>
</div>
<script>
var example = {
message: ''
}
// 创建一个 Vue 实例并进行数据的双向绑定
var vm = new Vue({
el: '#app',
data: example
})
</script>
</body>
演示效果:在输入框中输入名字,会在下方标题进行数据同步。