vue watch和watchEffect

Vue中的watch和watchEffect都是用于监听数据变化的方法，但是它们之间有一些区别。

watch需要显式地指定要监听的数据，并且需要指定回调函数来处理数据变化时的逻辑。例如：

watch: {
  count(newValue, oldValue) {
    console.log(`count从${oldValue}变为${newValue}`)
  }
}

而watchEffect则是自动追踪响应式数据的变化，并在回调函数中使用到的响应式数据发生变化时自动执行回调函数。例如：

import { watchEffect } from 'vue'

watchEffect(() => {
  console.log(`count的值为${count.value}`)
})

需要注意的是，watchEffect的回调函数中使用到的响应式数据必须是被追踪的，否则回调函数不会被执行。