computed计算属性特点

computed计算属性的三个特点
1.计算属性使用时当作普通属性使用,不能加()当方法使用
2.计算属性的function内部,任何data发生改变,这个计算属性就会重新计算
3.计算属性的结果会被暂时缓存,方便下次使用
`


var vm = new Vue({
el:"#app",
data:{
firstname:'',
lastname:'',
},
computed:{
//在computed中可以定义一些计算属性, 注意使用时直接当做 属性 来使用,不当做方法!!
'fullname':function(){
return this.firstname+'-'+this.lastname
}
}
})

`

vue的计算属性:
1.在computed属性对象中定义计算属性的方法,在页面使用{{方法名}}来显示计算结果。
2.通过getter/setter实现对属性数据的显示和监视,计算属性存在缓存,多次读取只执行一次getter计算(计算属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算)。
————————————————
methods里的方法在调用时需要在HTML文本中加()
而computed里面的方法不需要加
`

{{getFullName()}}

{{fullName}}

`

posted @ 2022-05-17 21:50  月花夕沉  阅读(168)  评论(0)    收藏  举报