<!DOCTYPE html>
<html lang ="en">
<head>
<meta charest="UTF-8">
<title >计算属性与侦听器</title>
<script src="vue.js" ></script>
</head>
<body>
<div id="root">
姓： <input v-model="firstName"/>
名： <input v-model="lastName"/>
<div>{{firstName}}{{lastName}}</div>
</div>
<script>
new vue({
el:"#root"
data:{
firstName:'',
lastName:''
}
})
</script>
</body>
</html>
这个问题很简单，其实就是在生成实例的时候吧方法写错了，new Vue 里面的V是大写，然后亲漏了了一个逗号哈
这个是数据绑定，在vue实例中绑定了这两个数据，在数据改变的时候，页面上的显示也会改变。可以搜索一下数据绑定