Vue浅谈computed、method以及watch的区别
Vue浅谈computed、method以及watch的区别#
computed
属性的特点:
computed
是属性调用;computed
带有缓存功能;- 对于任何复杂逻辑,你都应当使用
计算属性
;
- 对于任何复杂逻辑,你都应当使用
computed
定义的方法我们是以属性访问的形式调用的,{{computedTest}}
;- ``computed
依赖于
data`中的数据,只有在它的相关依赖数据发生改变时才会重新求值; - 尽量用computed计算属性来监视数据的变化;
- 数据量大,需要缓存的时候用computed;
methods
属性的特点:
- 而
methods
是函数调用; - 要加上
()
来调用,如{{methodTest()}}
; - 每次需要重新加载,不需要缓冲时用
methods
;
watch
属性的特点:
- 一种更通的观察和响应 Vue 实例上的数据变动的方式;
- 用watch没有computed“自动”,手动设置会使代码变复杂;
- 更好的办法是使用computed属性,而不是命令是的watch回调。
作者:apebro
出处:https://www.cnblogs.com/apebro/p/12605614.html
版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· DeepSeek火爆全网,官网宕机?本地部署一个随便玩「LLM探索」
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 上周热点回顾(1.20-1.26)
· 【译】.NET 升级助手现在支持升级到集中式包管理