计算属性computed是一个有返回值的函数,可直接被当作绑定数据使用
因此,类似于data属性
,代码中可通过this.
计算属性名引用
模板中也可通过{{计算属性名 }}
绑定数据
需要注意的是,组件中任何数据发生改变,所有计算属性就都会被重新计算,代码如示例6-2所示
<template>
<view>
<view>data属性中的a属性:{{a}}</view>
<view>计算属性aPlus:{{aPlus}}</view>
</view>
</template>
<script>
import wepy from 'wepy'
export default class Demo1 extends wepy.page{
data = {
a: 1
}
computed = {
aPlus () {
return this.a + 1
}
}
}
</script>