<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>

演示效果:在输入框中输入名字,会在下方标题进行数据同步。

Vue实战(01):第一个程序Hello World_数据