在vue3中,watch监听ref,reactive写法不同,因为ref是创建父对象,reactive是创建本身的对象。

所以在watch中,reactive需要使用一个箭头函数来进行监听

写法如下:

let box = ref(true)
watch(box, (newVal, oldVal) => {

})

let box2 = reactive(true)
watch(()=> box2, (newVal, oldVal) => {

})