vue2:计算属性computed
vue2,计算属性
·
1.实例:
<template>
<div >
<p>{{tnumber}}</p>
</div>
</template>
<script>
export default {
name: 'HelloWorld',
data(){
return {
number:100
}
},
computed:{
tnumber(){
return this.number+15351;
}
}
}
</script>
2.总结:
(1)computed书写时和data同级。
(2)使用场景:对data中的数据进行处理。
(3)一定要将结果return出去。
(4)其中的方法名即是出来后的数据名。如果和data中的原始数据名相同则会报错。
更多推荐
已为社区贡献2条内容
所有评论(0)