Vue3中如何判断函数是否处于setup上下文（组合式API）

要实现IN_SETUP的判断，Vue3提供了公开API可以直接实现，核心思路是通过getCurrentInstance()获取当前组件实例，结合实例状态判断执行时机：

实现代码 #

import { getCurrentInstance, ref, provide } from 'vue'

function randomInt() {
  return Math.floor(Math.random() * 100000)
}

function useState() {
  const randomIntNum = randomInt()
  const state = ref(randomIntNum)
  const instance = getCurrentInstance()
  
  // 判断是否处于setup同步执行阶段
  const IN_SETUP = instance && !instance.isMounted

  if (IN_SETUP) {
    provide(`myState-${randomIntNum}`, state)
  }

  return { state }
}

原理说明 #

1. getCurrentInstance()：Vue3公开API，用于获取当前组件的实例，仅在组件的setup函数、生命周期钩子或组合式函数内部调用时有效。
2. instance.isMounted：组件实例的内置属性，组件挂载完成后会变为true。在setup同步执行时，组件必然尚未挂载，因此该值为false，以此可以准确识别setup同步执行上下文。

注意事项 #

• 若你的场景需要覆盖setup内的异步回调（如setTimeout延迟调用），这种方式不适用——因为此时组件可能已经挂载，isMounted变为true。这类场景建议手动标记上下文（比如在setup开头设置实例标识，onMounted时重置），但不符合组合式函数的设计原则，不推荐。
• 不要依赖Vue内部私有属性（如_isSetupRunning），这类属性无公开承诺，版本更新时可能被修改或移除，导致代码不稳定。
• provide在组件挂载后调用不会报错，但此时提供的值无法被后代组件通过inject获取——组件的注入上下文在初始化阶段就已确定，仅setup同步执行时的provide才有实际意义。

内容的提问来源于stack exchange，提问作者Tobias Braun