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 @   月花夕沉  阅读(148)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示