watch监听器

watch的基本用法:

 

 也可以用数组的方式同时监听多个

 

深度监听:

使用ref需要开启深度监听才可以监听到里面的值

使用reactive不需要开启也可以监听到里面的值,因为源码就自己开启了深度监听

let message2 = ref({
    name:'小明',
    age:18,
    foo:{
        bar:'小红'
    }
})
watch(message2,(newvalue,oldvalue)=>{
    console.log('新值:',newvalue,'旧值:',oldvalue);
},{
    deep:true   //开启深度监听
 
})

 深度监听对象深层次的某个值,可以用函数的形式去监听:

watch属性的其他参数:

 

posted @ 2023-01-06 15:30  sixpence1016  阅读(143)  评论(0)    收藏  举报