Vue - 你知道Vue中computed和watch的区别吗

难度级别:中高级及以上                               提问概率:70% 


二者都是用来监听数据变化的,而且在日常工作中大部分时候都只是局限于简单实用,所以到了面试中很难全面说出二者的区别。接下来我们看一下,二者究竟有哪些区别呢?

先说computed,它的主要用途是监听其他数据变更后,最终返回新的值;它内部包含set和get方法,当监听数据发生变化时,会调用内部的set方法,当业务组件中读取computed某个计算属性的时候,则会调用get方法;computed可以监听data数据依赖,也可以监听props数据;最重要的是由于computed内部的set/get机制,使得它具有缓存性,也就是说如果监听数据不发生变化的情况下,可以直接取缓存中的计算结果。

再说watch,watch的主要用途是监听某个数据变更后,根据值的变化具体做出一些业务逻辑上的处理,甚至可以发送异步请求;它接收两个参数,分别是newVal(更新后的新值)和oldVal(更新前的旧值),不过o

相关推荐

  1. vue computed watch 区别

    2024-04-09 22:08:01       56 阅读
  2. Vue computed watch 区别

    2024-04-09 22:08:01       41 阅读
  3. vuecomputedwatch区别应用场景

    2024-04-09 22:08:01       43 阅读
  4. vue watchcomputed、 watchEffect 区别

    2024-04-09 22:08:01       57 阅读
  5. Vue2面试题:watchcomputed区别

    2024-04-09 22:08:01       58 阅读
  6. Vue3--Watch、Watcheffect、Computed使用区别

    2024-04-09 22:08:01       23 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-09 22:08:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-09 22:08:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-09 22:08:01       82 阅读
  4. Python语言-面向对象

    2024-04-09 22:08:01       91 阅读

热门阅读

  1. vue-pdf只显示一页问题解决

    2024-04-09 22:08:01       35 阅读
  2. 数据驱动决策的秘密武器:一探FineBI的核心功能

    2024-04-09 22:08:01       40 阅读
  3. 边界框转化

    2024-04-09 22:08:01       38 阅读
  4. Istio-learning-note-about-Traffic Shifting(三)

    2024-04-09 22:08:01       40 阅读
  5. 从0开始复习python~

    2024-04-09 22:08:01       31 阅读
  6. InfluxDB2的数据查询示例

    2024-04-09 22:08:01       33 阅读
  7. Redis数据倾斜

    2024-04-09 22:08:01       36 阅读
  8. [设计模式]命令模式(Command)

    2024-04-09 22:08:01       33 阅读
  9. R语言基础

    2024-04-09 22:08:01       33 阅读
  10. OneFlow深度学习框架介绍

    2024-04-09 22:08:01       29 阅读
  11. OneFlow深度学习框架介绍

    2024-04-09 22:08:01       35 阅读