vue计算属性-computed
目标: 一个数据, 依赖另外一些数据计算而来的结果
语法:
-
computed: { "计算属性名" () { return "值" } }
<template>
<div>
<h1>求 {{a}} + {{b}} 的和</h1>
<p>求和的结果为:{{sum}}</p>
</div>
</template>
<script>
export default {
data () {
return {
a:1,
b:2,
}
},
computed: {
// 在 computed 结构中定义的变量名不能与 data 结构重名
sum(){
return this.a+this.b
}
}
}
</script>
<style>
</style>