vue3中watch 与watchEffect的区别

1、watch中需要指明监视的属性，也需要指明监视的回调

        特点：A、需要传入监视的属性

                B、不仅可以获取新值，还可以获取旧值

                C、只有属性改变的时候才会执行，初始化的时候不会执行。

<script>
import { watch,ref, watchEffect } from "vue";
export default {
  setup(){
    const count = ref(0);
     watch(count,(count,preCount) =>{
      console.log(count,preCount);
    })
    setInterval(()=>{
      count.value ++;
    },1000);

    watchEffect(()=>{
      console.log(count.value);
    });
  }
}
</script>

2、watchEffect中不需要指明监视的属性，只需要指明监视的回调，回调函数中用到哪个属性，就监视哪个属性。

特点：A、不需要手动传入依赖，也就是监视的属性

B、每次初始化watchEffect时会执行一次来自动获取依赖（需要监视的属性）；

C、watchEffect只能获取改变后的值，不能获取旧值。