Watch和watchEffect的区别

最新推荐文章于 2024-04-11 20:31:36 发布
最新推荐文章于 2024-04-11 20:31:36 发布
阅读量498 收藏 6
点赞数 9
文章标签： 前端 服务器 网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_68537777/article/details/135137788
版权

两者都可以监听data属性的变化

watch既要指明监听的属性，也要指明监听的回调。默认是惰性执行，监听源可以是一个具有返回值的getter函数，也可以是一个ref。

watchEffect不用指明监听那个属性，监听的回调中用到哪个属性就监听哪个属性，会根据其中的属性，自动监听其变化。

watchEffect有点像computed：

computed注重的是计算出来的值，必须要有返回值。

watchEffect更注重的是过程，不需要写返回值

_Hello77.
关注
  • 9
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue中watch和computed的区别与使用方法
10-14
主要给大家介绍了关于vue中watch和computed的区别与使用方法的相关资料，文中通过实例代码结束的非常详细，对大家学习或者使用Vue具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
VUE3侦听器:watch与watchEffect的区别与使用
qq_45820271的博客
03-04 1858
本文介绍了VUE中使用watch和watchEffect的区别，同时介绍了watchPostEffect和watchSyncEffect的使用方式以及如何关闭一个异步的监听
watch 和 watchEffect的区别
m0_68331234的博客
07-15 546
watchEffect是一种更加特殊的watch 1. 它不关心前后值 2. 它会自己执行一次，并自动收集依赖 3. 依赖项变化，就正常执行回调
watch和watchEffect的区别
Hello972的博客
04-11 646
watch和watchEffect的区别
Vue 3中watchEffect函数的使用：在监视回调中使用属性以提高搜索引擎优化
weixin_43263566的博客
10-02 402
watchEffect 函数 （监视的回调中用到的属性）
watch 与 watchEffect的区别
qq_53895518的博客
08-10 174
来看看 watch watchEffect 有什么不同的套路
watch 与 watchEffect 的区别
lio-zero 的博客
03-02 222
在开发 Vue 应用程序的整个过程中，您将拥有大量的响应性数据属性。您的应用程序将跟踪 input 字段、data 计算和一系列其他属性，并且可能需要在值更新时执行操作。 Vue 中的 watch 可以观察响应性属性，并可以检测到属性何时发生变化。它本质上充当组件响应式数据的事件监听器。 特别是当与异步 API 调用配合使用时，例如： 当 ID 改变时，从数据库中获取一个对象 当 prop 更改...
深入浅析Vue中的 computed 和 watch
08-27
computed 计算属性是通过属性计算得来的属性，watch属性变化，就会触发监听的函数。下面通过本文给大家介绍Vue中的 computed 和 watch，感兴趣的朋友一起看看吧
Vue的watch和computed方法的使用及区别介绍
10-18
Vue的watch属性可以用来监听data属性中数据的变化。这篇文章主要介绍了Vue的watch和computed方法的使用及区别,需要的朋友可以参考下
computed和watch使用
08-19
成绩单案例、购物车案例、翻译案例
详解Vue中的watch和computed
01-22
对于使用Vue的前端而言，watch、computed和methods三个属性相信是不陌生的，是日常开发中经常使用的属性。但是对于它们的区别及使用场景，又是否清楚，本文我将跟大家一起通过源码来分析这三者的背后实现原理，...
学习Vue3 第十章（认识watch侦听器）
热门推荐
qq1195566313的博客
02-06 1万+
watch 需要侦听特定的数据源，并在单独的回调函数中执行副作用 watch第一个参数监听源 watch第二个参数回调函数cb（newVal,oldVal） watch第三个参数一个options配置项是一个对象{ immediate:true //是否立即调用一次 deep:true //是否开启深度监听 } 监听Ref 案例 import { ref, watch } from 'vue' let message = ref({ nav:{ bar:{
Vue —— watch和watchEffect的区别
weixin_52148548的博客
05-31 1万+
目录前言watch和watchEffect的对比watchwatchEffect深度解析watch函数深度解析watchEffect函数watchEffect与computed 前言 watch函数与watchEffect函数都是监听器，在写法和用法上有一定区别，是同一功能的两种不同形态，底层都是一样的。 watch和watchEffect的对比 watch watch显式指定依赖数据，依赖数据更新时执行回调函数 具有一定的惰性lazy 第一次页面展示的时候不会执行，只有数据变化的时候才会执行 监视ref
watch 与 watchEffect的区别（vue3）
ZXH0122的博客
03-27 3889
watch与watchEffect 的区别在哪里
【vue】watch和watcheffect的区别
搬砖小鱼，请多指教呦
09-09 1045
两者都可监听data属性变化 watch需要明确监听哪个属性 watcheffect 会根据其中的属性自动监听其变化，你写了哪个就会监听哪个，没写就不监听 watcheffect初始化时，一定会执行一次（收集要监听的数据），watch只有你设置了初始化监听才会监听 watch( // 第一个参数，确定要监听哪个属性 () => state.age, // 第二个参数，回调函数 (newAge
[转]watch 与 watchEffect的区别（vue3）
Admans的专栏
11-04 375
watch函数与函数都是监听器，在写法和用法上有一定区别，是同一功能的两种不同形态，底层都是一样的。和的对比watch显式指定依赖数据，依赖数据更新时执行回调函数具有一定的惰性lazy 第一次页面展示的时候不会执行，只有数据变化的时候才会执行(设置: true时可以变为非惰性，页面首次加载就会执行）监视ref定义的响应式数据时可以获取到原值watchEffect自动收集依赖数据，依赖数据更新时重新执行自身立即执行，没有惰性，页面的首次加载就会执行无法获取到原值，只能得到变化后的值。
Vue3中 watch、watchEffect 的区别
JackChan
02-15 2418
Vue3中 watch、watchEffect 的区别
watch和watchEffect的异同
weixin_43183219的博客
05-31 604
watch的使用方法，watchEffect的使用方法，watch和watchEffect的相同点和区别
watch和watchEffect区别
最新发布
04-30
watch和watchEffect都是Vue 3中提供的用于响应式侦听数据变化的API，它们的区别在于： 1. watch可以监听到任何数据的变化，包括响应式数据、计算属性、甚至是非响应式数据，而watchEffect只能监听到响应式数据的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值