目录
干嘛用?
Vue中的计算属性可以把多个属性值拼接起来显示。计算属性的代码如下
<template>
<div id="app">
{
{fullName}}
{
{age}}
</div>
</template>
<script>
var vm = new Vue({
el: "#app",
data: {
firstName: "Dell",
lastName: "Lee",
age: 28
},
//计算属性
computed: {
fullName: function() {
console.log("计算了一次");
return this.firstName + " " + this.lastName
}
}
})
</script>
效果展示