vue3 watch 和 watchEffect

watchEffect  刚开始调用一次， watchEffect 里面用谁监视谁，有点像computed 但是计算属性注重的是计算出来的值，但是watchEffect 没有返回值 而是重新走逻辑流程

watchEffect(()=>{
      console.log('watchEffect :>> ', watchEffect);
    })

vue3 watch监视不到对象里面的oldValue ref定义的基本类型响应式数据可以

监视ref定义的对象类型数据需要 .value 或者开启深度监视

watch( name, (newV, oldV) =>{
      console.log('newV :>> ', newV, oldV);
    }) 

监视ref定义的多个基本类型响应式数据 且不能 .value

watch( [name, age], (newV, oldV) =>{
      console.log('newV :>> ', newV, oldV);
    }) 

监视reactive所定义的一个响应式数据中的某个属性

watch( ()=> person.name, (newV, oldV) =>{
      console.log('newV :>> ', newV, oldV);
    })

watch([()=> person.name,()=> person.age], (newV, oldV) =>{ console.log('newV :>> ', newV, oldV); })  // 多个

监视reactive定义的 默认开启深度监视且关不掉  但是  监视reactive定义的对象中的某个对象类型属性 需要开启深度监视

watch( ()=> person.obj, (newV, oldV) =>{
      console.log('newV :>> ', newV, oldV);
    }, {deep: true})