Vue学习笔记-Vue3中的watchEffect函数

与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所对应的数据被更改，就会调用这个回调函数')
}