vue3如果id变化就调用接口

在Vue3中，可以使用`watchEffect`函数来监听响应式数据的变化并执行相应的操作。可以在`watchEffect`函数中访问响应式数据，并且当响应式数据发生变化时，函数会自动重新运行。

具体实现方法如下：

<template>
  <div>
    <input v-model="id">
  </div>
</template>

<script>
import { watchEffect } from 'vue'

export default {
  data() {
    return {
      id: ''
    }
  },
  setup() {
    watchEffect(() => {
      // 访问响应式数据
      const id = this.id
      // 当id发生变化时，执行相应的操作
      console.log('id变化了', id)
      // 调用接口等操作
    })
  }
}
</script>

在上面的代码中，我们使用了`watchEffect`函数来监听`id`的变化，并在变化时调用相应的接口等操作。需要注意的是，在Vue3中，`data`函数被废弃了，我们需要使用`setup`函数来进行组件的初始化操作。