前端高阶1 - Vue3 + TS - 10-watch侦听器 - watch的三个参数

watch 需要侦听特定的数据源，并在单独的回调函数中执行副作用

watch的三个参数：

• watch第一个参数监听源

• watch第二个参数回调函数cb（newVal,oldVal）

• watch第三个参数一个options配置项是一个对象

  • {

    • immediate:true //是否立即调用一次
    • deep:true //是否开启深度监听
  • }

• 实例：

  • let message = ref({nav:{bar:{name:""}}})
  • watch(message, (newVal, oldVal) => {
  • console.log('新的值----', newVal);
  • console.log('旧的值----', oldVal);
  • },{
  • immediate:true,
  • deep:true
  • })