还是显示{{fullName}}啊,是哪里错了嘛?

来源:2-5 Vue中的计算属性和侦听器

慕先生4447456

2019-08-04 19:42

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>计算属性与侦听器</title>

<script src="./vue.js"></script>

</head>

<body>

<div id="root">

姓:<input v-model="firstName"/>

名:<input v-model="lastName"/>

<div>{{fullName}}</div>

</div>

<script>

new Vue({

el:"#root"

data:{

firstName:'',

lastName:''

},

computed:{

fullName:function(){

return this.firstName+' '+this.lastName

}

}

})

</script>

</body>

</html>



写回答 关注

1回答

  • 慕先生2024312
    2019-08-04 21:42:47

    之间需要用逗号隔开,你的#root后没有逗号

vue2.5入门

快速理解Vue编程理念上手Vue2.0开发。

146818 学习 · 657 问题

查看课程

相似问题