watch跟computed的区别

已于 2023-03-03 17:03:16 修改
阅读量138 收藏
点赞数
文章标签： vue.js 前端 javascript Powered by 金山文档
于 2023-03-03 17:02:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44274776/article/details/129286356
版权

  1. 功能上：computed是计算属性，watch是监听一个值的变化

  1. 是否调用缓存：computed中的函数所依赖的属性没有发生变化，那么调用当前的函数的时候会从缓存中读取，二warch在每次监听的值发生变化的时候都会执行回调、

  1. 是否调用return：computed的函数必须要用return返回 wated中的函数不是必须要用return

  1. computed 第一次加载的时候就开始监听，watch默认第一次加载不做监听，如果需要第一次加载就需要监听的话 添加immediate 属性设置为true

  1. 使用场景 购物车用computet 一个数据受多个属性的时候 搜索框watch：”一个数据影响多条数据的时候 搜索列表出现多个数据的时候

糖果沐
关注
watch和computed的区别
元宝的博客
04-18 241
区别以下： 1.最本质的区别（不同点）就是computed中不能操作异步（因为computed中存在返回值，不能再使用，但是watch里面不存在返回值的改变，可以进行后面的异步操作），但是watch中可以操作异步 2.一般情况下watch监听的东西多一点，computed所依赖的东西都是写在一个函数中的 ...
Vue.js之computed和watch的使用与区别
weixin_43927361的博客
05-12 327
计算属性computed : 一个数据受多个数据影响 支持缓存，只有依赖数据发生改变，才会重新进行计算 不支持异步，当computed内有异步操作时无效，无法监听数据的变化 3.computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值 如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed 5.如果computed属性属性值是函数，那么默认会走get方法；函
computed（计算属性）和watch（侦听器）的区别
weixin_44086896的博客
08-30 1176
computed和watch的区别
computed和watch之间的区别，条件渲染，列表渲染
l_y_h___的博客
06-03 708
改变原数组的方法
怎么控制watch监听，第一次上来并不会监听数据
weixin_47924642的博客
04-07 1567
怎么控制watch监听，第一次上来并不会监听数据。
vue中watch和computed的区别与使用方法
10-14
**watch 和 computed 的区别** 1. 计算属性是自动计算的，并且只有在依赖变化时才更新，而 watch 会在每次数据变化时执行回调。 2. 计算属性支持缓存，而 watch 不支持。 3. watch 更适合处理数据变化后的异步操作，...
详解Vue中的watch和computed
01-22
但是对于它们的区别及使用场景，又是否清楚，本文我将跟大家一起通过源码来分析这三者的背后实现原理，更进一步地理解它们所代表的含义。 在继续阅读本文之前，希望你已经具备了一定的Vue使用经验，如果想学习Vue...
在微信小程序里使用watch和computed的方法
10-18
在微信小程序开发中，虽然原生API不直接提供Vue中的`watch`和`computed`特性，但可以通过模拟实现类似的功能。`watch`用于监听数据变化并执行相应操作，而`computed`则用于根据其他数据计算出新的值。下面我们将详细...
watch和computed的区别经典案例
08-07
本资源方位地分享了watch 的经典案例。其中，对 watch 监视普通数据类型、对象类型以及数组类型通过丰富的案例进行了深入的分析。此外，还对比了计算属性与 watch 之间存在的差异，并同样借助案例加以剖析。最后，对...
watch与watchEffect区别 watch与computed区别
青山不改，绿水长流。
09-06 837
它会在同步执行过程中，自动追踪所有能访问到的响应式属性。这更方便，而且代码往往更简洁，但有时其响应性依赖关系会不那么明确。它不会追踪任何在回调中访问到的东西。会避免在发生副作用时追踪依赖，因此，我们能更加精确地控制回调函数的触发时机。中的函数所依赖的属性没有发生变化，那么调用当前的函数的时候会从缓存中读取，而。默认第一次加载不执行回调函数，如果需要第一次加载不执行回调函数，添加。根据现有的依赖数据，推导计算出来一个新的数据，在每次监听的值发生变化的时候都会执行回调。是监听一个值的变化，然后执行对应的回调。
watch(监视属性)和computed(计算属性)的区别
qq_44588612的博客
06-06 5036
本篇文章结合实例详述了watch和computed两个属性的区别
computed和watch的区别
热门推荐
Akatsuki233的博客
04-24 2万+
watch，computed和methods的关系 1.watch和computed都是以Vue的依赖追踪机制为基础的，它们都试图处理这样一件事情：当某一个数据（称它为依赖数据）发生变化的时候，所有依赖这个数据的“相关”数据“自动”发生变化，也就是自动调用相关的函数去实现数据的变动。 2.对methods:methods里面是用来定义函数的，很显然，它需要手动调用才能执行。而不像watch和c...
jeecg3版本的vue，离线启动
sharesb的博客
10-16 336
jeecg的vue2版本已经停止维护，所以只能用vue3的版本。3版本中使用的是pnpm（npm的增强版本）下载依赖。使用pnpm安装的node_modules，不能直接复制到离线主机中（因为在 pnpm安装过程中，会给依赖的配置文件写死绝对路径，并且会在c盘生成缓存）。所以要在离线主机中启动，需要1.在联网机器上下载依赖保存到某个文件夹2.在离线主机中安装node，并配置环境变量3.在离线主机中，让npm加载第一步下载的依赖4.在离线主机中，npm正常安装。
深入解析：React中的信号组件与细粒度更新
Fisher的专栏
10-15 723
介绍了前端大火的signal原理，引入AutoStore为React提供了信号组件，帮助实现细粒度更新
原型链+instanceof+Vue底层原理
最新发布
m0_65985318的博客
10-18 909
在 Vue 组件中，render 函数是一个选项，它返回一个虚拟节点 (VNode)，或者是一个包含多个 VNode 的数组。
Vue3动态组件component不生效问题解决方法
Java_fenxiang的博客
10-14 846
问题：vue3循环渲染动态组件component不生效，页面空白在vue3使用component动态组件展示组件时，组件就是不展示显示空白。在vue2中使用动态变量component展示组件都是没问题。试了很多方法 踩了很多坑，所以记录下：登录后复制 <div class="preview-list" id="c...
watch跟computed
04-12
相比较，它们有什么不同之处？ Watch 和 Computed 都是 Vue.js 中的响应式API。Watch 监听一个特定的数据，一旦这个数据变化了，就会触发一个回调。而 Computed 会根据已有的数据计算一个新的值，并且这个值具有响应式，只要这个值所依赖的数据发生变化，就会重新计算这个新值。换句话说，Watch 是监测数据变化去做一些事情，Computed 是依赖数据去计算出一个新的值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值