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 国际」许可协议进行许可。

posted @   平头猿小哥  阅读(553)  评论(0编辑  收藏  举报
编辑推荐:
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
阅读排行:
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· DeepSeek火爆全网,官网宕机?本地部署一个随便玩「LLM探索」
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 上周热点回顾(1.20-1.26)
· 【译】.NET 升级助手现在支持升级到集中式包管理
more_horiz
keyboard_arrow_up dark_mode palette
选择主题
menu
点击右上角即可分享
微信分享提示