首页 > 其他分享 >computed 计算属性 vs methods 方法区别

computed 计算属性 vs methods 方法区别

时间:2024-11-08 09:18:52浏览次数:7  
标签:computed 缓存 methods vs 计算 方法 属性


computed 计算属性:更侧重于业务


作用:封装了一段对于数据的处理,求得一个结果,语法:
① 写在 computed 配置项中
② 作为属性,直接使用 → this.计算属性 {{ 计算属性 }}


methods 方法:更侧重于业务


作用:给实例提供一个方法,调用以处理业务逻辑语法:
① 写在 methods 配置项中
② 作为方法,需要调用→ this.方法名(){{ 方法名()}} @事件名="方法名“

样例:

1这里调用四次computed去计算总数

2虽然在computed计算属性中有一个打印语句

3但控制台也只执行了一次,说明只计算了一次,后面的取值是直接取,而不是重新计算

4说明计算属性是有缓存的,一旦计算出来结果,就会立刻缓存,下一次读取,直接读缓存就取值了

5而当每次单项数据变化后,会重新求值,并放进缓存里,性能特别高

 而用方法来实现的话虽然也可以,但如果计算的逻辑很复杂,就会很耗费性能,不适合这种封装数据求和

标签:computed,缓存,methods,vs,计算,方法,属性
From: https://blog.csdn.net/SSHLY3/article/details/143461106

相关文章

  • 【DL】CAM | 与嵌入的概念相比,图像中有什么相似或不同之处?| 热力图可视化 | python |
    本文将采用像素属性方法嵌入模型输出(Adaptingpixelattributionmethodsforembeddingoutputsfrommodels)的实践。话不多说,先看看效果吧!!!目录1安装pytorch-gradcam2实践① 代码② 效果图“与嵌入的概念相比,图像中有什么相似或不同之处?”为了实现这一点,将创建......
  • AWVS安装及破解
    以kali为例安装AWVS复制安装文件到kali中AWVS百度网盘下载root用户打开kali并把安装包解压到/opt/AWVS路径中7zxacunetix_23.11.231123131_x64.7z-o/opt/AWVS/编辑host文件vim/etc/hosts将以下内容加在hosts文件尾部127.0.0.1erp.acunetix.com127.0.0.1erp.ac......
  • 文心一言 VS 讯飞星火 VS chatgpt (386)-- 算法导论24.5 6题
    六、设G=(V,E)......
  • 文心一言 VS 讯飞星火 VS chatgpt (385)-- 算法导论24.5 5题
    五、设G=(V,E)......
  • 使用 vscode 简单配置 ESP32 连接 Wi-Fi 每日定时发送 HTTP 和 HTTPS 请求
    最新博客文章链接文字更新时间:2024/11/07由于学校校园网,如果长时间不重新登陆的话,网速会下降,所以想弄个能定时发送HTTP请求的东西。由于不想给路由器刷系统,也麻烦。就开始考虑使用局域网内的服务器,不过由于服务器没有Wi-Fi模块,也不想搞USB无线wifi网卡,就想着干脆用单......
  • vscode插件推荐
    我的所有配置和支持资料都在github上VSC-environment-custom并且在之后会进行逐步的更新,添加更多的细节编程语言依赖c/c++支持C/C++代码编写的核心插件。c/c++ExtensionPackC/C++开发的增强工具包,包括调试和IntelliSense支持。c/c++Themes为C/C++代......
  • 问题排查之Vscode无法拖进文件
    正常情况下,我们是可以从资源管理器中直接拖文件到vscode中进行编辑的。但是如果突然出现不能编辑的情况。有以下几种情况,可以依次去排查。检查VSCode设置:确保VSCode的设置中允许拖拽文件到编辑器中。在VSCode的“文件->首选项->设置”中搜索“draganddrop”,确保“Workbench......
  • React.memo vs. useMemo: Major differences and use cases
    from:  https://blog.logrocket.com/react-memo-vs-usememo/ Memoization isoneofthewaystooptimizeperformance.Inthisarticle,we’llexplorehowitworksinReact.Whatismemoization?Insimpleterms,memoizationisaprocessthatallowsustocac......
  • “不可能学不会的“--vscode的调试技巧
    文章目录1基本概念理解2运行步骤3不带参数的调试4带参数的调试4.1不配置launch.json文件4.2配置launch.json文件5参考文献1基本概念理解断点:通俗理解,断点是Debug过程中的一个标记,当程序运行到该标记时会暂停,一般第一个断点是程序运行的地方。第一个:直接运......
  • 【安全运维】EPSS vs. CVSS : 更高效的漏洞优先级模型
    原创XyalbiyesSecLink安全空间背景许多企业依赖通用漏洞评分系统(CVSS)来评估漏洞的严重性以进行优先级排序。虽然这些评分提供了漏洞潜在影响的一些参考,但它们没有考虑到现实世界的威胁数据,例如被利用的可能性。随着每天发现的新漏洞,团队没有时间或预算去修复那些不会真正降......