vue3 中 wacth监听函数


以下代码同样也是在setup语法糖中的写法

watch接收三个参数,

  • 一个想要侦听的响应式引用或 getter 函数
  • 一个回调
  • 可选的配置选项

(1)使用watch监听ref的数据






第三个可配置的选项就是深度监听deep和立即执行immediate

watch(num,(newValue,old)=>{
    console.log(newValue);
},{
    deep:true,
    immediate:true
})