在export default如何使用watch函数

在Vue3中，`export default` 中使用 `watch` 函数其实非常简单，可以在 `setup` 函数中使用 `watch` 函数来监听数据变化。下面是一个示例代码：

<template>
  <div>
    <p>{{ count }}</p>
    <button @click="increment">Increment</button>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    const count = ref(0)

    watch(count, (newValue, oldValue) => {
      console.log(`Count has changed from ${oldValue} to ${newValue}`)
    })

    function increment() {
      count.value++
    }

    return {
      count,
      increment
    }
  }
}
</script>

在上面的代码中，我们创建了一个响应式数据 `count`，并使用 `watch` 函数来监听 `count` 的变化。每当 `count` 发生变化时，`watch` 函数里的回调函数就会被触发，并且会把新旧值传递给回调函数。

最后，我们通过 `return` 语句将 `count` 和 `increment` 函数暴露出去，以供模板中使用。

希望这个示例代码能够帮助你在 `export default` 中使用 `watch` 函数。