与watch函数进行对比
- watch函数需要指明监视的属性,也要指明监视的回调
- watchEffect函数不需要特别地指明监视的属性,只需要写回调函数,在回调函数中用到的响应式数据都会被监视
与computed函数(计算属性)对比
watchEffect有点像computed:
- 但computed注重的是计算出的值(回调函数的返回值),因此回调函数需要写return
- 而watchEffect更注重过程,因此回调函数不需要写return
导入方式
import {watchEffect} from 'vue'
应用举例
watchEffect(){
/*sum = ref(1)*/
let x1 = sum.value
/*
person = reactive({
name:'张三',
age:18
})
*/
let x2 = person.age
console.log('一旦x1或x2所对应的数据被更改,就会调用这个回调函数')
}