输入框下面显示{firstName}{lastName}是怎么回事？
来源：2-5 Vue中的计算属性和侦听器
weixin_慕勒3094938
2019-05-28 16:24
<!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>
写回答
关注
2回答
-
- 我不是管家
- 2019-06-28 15:41:12
这个问题很简单，其实就是在生成实例的时候吧方法写错了，new Vue 里面的V是大写，然后亲漏了了一个逗号哈
-
- iitais
- 2019-05-28 20:59:51
这个是数据绑定，在vue实例中绑定了这两个数据，在数据改变的时候，页面上的显示也会改变。可以搜索一下数据绑定
vue2.5入门
快速理解Vue编程理念上手Vue2.0开发。
146177 学习 · 655 问题
相似问题