v-model
简单示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>双向数据绑定</title>
<script src="vue.min.js"></script>
</head>
<body>
<!--注意事项:name必须是vue的属性-->
<div id="app">
<input type="text" placeholder="请输入你的名字" v-model="name">
<h1>你好,{{name}}</h1>
</div>
</body>
<script>
new Vue({
el:"#app", //指定Vue管理的入口,值为选择器 不可以指定body或html
data:{ //用于初始化数据,在Vue实例管理的Dom节点下,可通过模板语法来引用
name:''
}
})
</script>
</html>
运行结果: