<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="vue.js"></script>
</head>
<body>
<div id="app">
<div>{{ message}}</div>
<input type="text" v-model="message">
</div>
<script>
var vm = new Vue({
el:"#app",
data () {
return {
message:"hello world"
}
}
})
</script>
</body>
</html>
实现了数据双向绑定,在你输入框的时候改变的时候,上面的数据也会跟着改变