问答详情
源自:2-5 Vue中的计算属性和侦听器

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

<!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>



提问者:慕先生4447456 2019-08-04 19:42

个回答

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

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