vue3 watch监听 （immediate / deep / watchEffect）

Posted 2022-11-23 仲夏の梦

immediate：如果要加载时执行一次，需要加第三个配置对象，immediate:true

deep：如果监视的对象属性也是一个对象，需要手动开启

watchEffect：不需要明确的去监视谁，谁在回调函数里面用到了，就监视谁。注意：该回调函数一开始会执行一次

注：第一个参数：监听谁，第二个参数：回调函数，第三个参数：配置对象

watch(() => state.name, (newVal, oldVal) => 
  console.log('111', newVal);
,  immediate: true, deep: true )

watchEffect(()=>
  let m = state.name
  console.log(state.name 变化了');
)