<template>
<div>
<h1> num:{{num}} </h1>
</div>
</template>
<script>
export default {
data () {
return {
num1: 10,
num2: 40
}
},
computed: {
num(){
return this.num1+ this.num1
}
},
methods: {
}
}
</script>
语法
// 语法
computed: {
计算属性名 () {
return 值
}
}
注意:计算属性也是 vue 数据变量,所以不要和data里重名,用法和 data 相同