一、监听单个
const money = ref(10)
watch ( money , (value,oldValue) =>{
console.log(value,oldValue)
} )
二、监听多个ref数据
const money = ref(10)
const count = ref(0)
watch ( [money,count] , (value,oldValue) =>{
console.log(value,oldValue)
} )
三、监听复杂数据
const user = ref({
name : 'zs',
age : 18
})
watch (
user,
(val) => { console.log(val) },
{
deep : true,
immdiate:true
}
)
四、监听对象中某个属性的变化
const user = ref ({
name : 'zs',
age : 18
})
watch (
() => { return user.value.name },
(value) => {
console.log(value)
}
)
⭐ref将user变为了响应式数据的同时，对user也进行了包装，所以读取user的name属性，只能通过 user.value.name 获取