欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue3 watch和watchEffect的使用以及有哪些区别

程序员文章站 2022-04-29 23:01:21
1.watch侦听器引入watch对基本数据类型进行监听----- watch特性:1.具有一定的惰性lazy 第一次页面展示的时候不会执行,只有数据变化的时候才会执行2.参数可以拿到当前值和原始值3...

1.watch侦听器

引入watch

对基本数据类型进行监听----- watch特性:

1.具有一定的惰性lazy 第一次页面展示的时候不会执行,只有数据变化的时候才会执行

2.参数可以拿到当前值和原始值

3.可以侦听多个数据的变化,用一个侦听起承载

对引用类型进行监听-----

2.watcheffect

没有过多的参数 只有一个回调函数

1.立即执行,没有惰性,页面的首次加载就会执行。

2.自动检测内部代码,代码中有依赖 便会执行

3.不需要传递要侦听的内容 会自动感知代码依赖,不需要传递很多参数,只要传递一个回调函数

4.不能获取之前数据的值 只能获取当前值

5.一些=异步的操作放在这里会更加合适

侦听器的取消 watch 取消侦听器用法相同

watch也可以变为非惰性的 立即执行的 添加第三个参数 immediate: true

以上就是vue3 watch和watcheffect的使用以及有哪些区别的详细内容,更多关于vue3 watch和watcheffect的资料请关注其它相关文章!