setup组合式api，在promise里注册的watch是属于异步注册吗？

[xhc-code]

setup组合式api，在promise里注册的watch会自动停止吗？是否需要在onmounted里执行watch的停止函数？

异步请求api接口表单数据，我想在所有数据准备好后，依次注册watch监听器，还有其他更好的方式吗？

有对以上是否自动停止监听器的判别方式吗？

[chenxch]

异步注册的话你只要在onUnmounted的时候stop watchEffect即可

<script setup>
import { watchEffect, onUnmounted } from 'vue'

let stop = null

setTimeout (() => {
 stop = watchEffect(() => {})
})

onUnmounted(() => {
  stop()
})
</script>

由于不是很清楚你的表单业务情况，但是我感觉这些你可以完全提早watch构建好，因为你首先肯定要有一个响应式对象去存储这个表单数据才能使用watch，如果是不想第一次赋值触发watch内的处理，你可以做的flag判断位即可。或者是你script 通过异步执行，给你的请求加上await，使你的请求变成同步执行, 但是意味着你的组件需要通过Suspense组件包裹使用。

[xhc-code]

在onMounted钩子中执行Promise请求api接口数据，在then中是否属于异步注册呢？有有效的判别方式吗？

已知js中异步的方式有 async/await，promise异步代码；ajax，fetch异步请求api数据这几种。

目前我这边实现的是当api接口请求完api数据后，在后续的then中进行注册watch侦听器，使用flag判断标识当表单复杂的话，每个有关的侦听器都需要判断，容易干扰阅读。

[chenxch]

这个取决于你的Promise是异步执行还是同步执行。

你可以做个简单的demo测试，2个vue文件，父组件传递参数给子组件，然后子组件在onMounted通过promise（同步执行/异步执行）, 然后在then中添加watch监听props，然后把在父组件中利用v-if把子组件销毁了，这时候你去修改传参的拿个值看看子组件的watch是否还在触发打印。

[xhc-code]

好的，谢谢你的验证方式。

Promise好像只能异步执行，就算通过await进行同步执行，但是这也是在async异步函数中可以使用。