第三十二节——组合式API计算属性+watch

一、计算属性

接受一个 getter 函数,并根据 getter 的返回值返回一个不可变的响应式 ref 对象。也就是说,如果我们观察的是

ref或者reactive数据,返回后的数据不能在修改


如果我们想后面在修改则可以传入 getset 函数的对象可用来创建可写的 ref 对象


二、watchEffect

为了根据响应式状态自动应用重新应用副作用,我们可以使用 watchEffect 函数。它立即执行传入的一个函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数,简单来说,我们写的函数,会立即执行一次,然后每次里面的数据发生变化后再出发该函数


三、watch

watch用来监听特定的数据源,并在回调函数中执行。


监听对象类型的数据,并且可以传入第三个参数,是个对象deep 是否深度观察immediate立即执行一次


四、watch和watchEffect的区别

1、watchEffect不需要指定监听的属性,自动收集依赖;watch需要指定监听的属性

2、watchEffect拿不到旧值;watch可以拿到旧值

3、watchEffect在组件第一次就会收集依赖,然后收集到的依赖发生了变化,回调才会再次执行;watch就不是了。一开始就指定了依赖。

你可能感兴趣的:(vue.js,前端,javascript)