watchEffect与wacth

watchEffect与wacth

watch监听

setup() {
    watch([xxxx, xxxx, (n, o) => { // watch监听，可以以数组的形式监听，没有初始化监听,可加属性immediate deep ,
      console.log(n);
      console.log(o);
      document.title = n[0];
    },{
        deep: true,
        immediate:true
      });
    }

watchEffect监听

    watchEffect(() => { // 初始化监听并且改变的时候也会监听
      console.log(overText.value, '改变')
    })

注意watchEffect与watch的区别：
// 1、watch 是需要传入侦听的数据源，而 watchEffect 是自动收集数据源作为依赖。

// 2、watch 可以访问侦听状态变化前后的值，而 watchEffect 没有，watchEffect获取的改变后的值。

// 3、watch 是属性改变的时候执行，当然也可以immediate，而 watchEffect 是默认会执行一次，然后属性改变也会执行。