vue3监听到变化就重新执行函数

Vue3中可以使用`watch`函数来监听变化并重新执行函数。

例如，如果我们想监听一个变量`count`的变化，当它发生变化时，我们想执行一个函数`updateCount`，可以使用以下代码：

import {reactive, watch} from 'vue'

const state = reactive({
  count: 0
})

function updateCount() {
  console.log('count has changed:', state.count)
}

watch(() => state.count, updateCount)

在这个例子中，我们首先使用`reactive`函数创建一个响应式对象`state`，其中包含一个属性`count`。然后定义了一个函数`updateCount`，当`count`变化时，这个函数将被执行。

最后，我们使用`watch`函数来监听`state.count`的变化，并在变化时执行`updateCount`函数。在这个函数中，我们可以访问`state.count`的最新值，并执行任何我们想要的操作。