vue3.0 watch简介

const value1 = ref('')
const data = reactive({
	value2: 0
})
watch([value1, () => data.value2],(newValue, oldValue) => {
	document.title = value1.value + data.value2
	// 函数包含更新前，更新后的值
	console.log(newValue);
	console.log(oldValue);
})

watch()

• 第一个参数是一个响应式对象
• 第二个是对象发生变化时执行的函数体
• 回调函数包含两个参数，分别为 newValue ，oldValue
• 可以监听多个对象，第一项改为数组即可
• 如果监听reactive对象时，需要使用函数返回值的方法