双向绑定就是指 : 数据在赋值到页面时,页面值的修改也会影响data修改
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数据绑定</title>
<script src="./vue.js"></script>
</head>
<body>
<!-- 单向数据 绑定 -->
<div id="root">{{msg}}</div>
<!-- 双向数据 绑定 -->
<div id="rootOt" >
<input v-model="msg" />
{{msg}}
</div>
<script>
var vm = new Vue({
el: "#root",/*挂载点*/
data:{
msg: "hello world!"
}
})
var vmOt = new Vue({
el: "#rootOt",/*挂载点*/
data:{
msg: "hello world"
}
})
</script>
</body>
</html>