在 Vue 3 Composition API 中，setup 内无法使用 this，应通过 getCurrentInstance().proxy 安全访问 $props、$el 等属性，且需判空；多数场景可用 defineProps、defineEmits、useSlots 等替代。
在 Vue 3 的 Composition API 中，setup 函数内部无法使用 this，所以必须通过官方支持的方式获取组件实例及其上下文。核心方法是 getCurrentInstance()，但它返回的对象结构和使用场景有明确限制，不能直接当作 Options API 的 this 来用。
获取当前组件实例：用 getCurrentInstance()
getCurrentInstance() 是 Vue 提供的全局函数，仅在 setup 执行期间（包括 <script setup>）有效。它返回一个包含组件内部状态的对象，结构如下：
-
proxy：响应式代理对象，对应 Options API 中的this，推荐用于访问$props、$el、$refs、$slots等带$前缀的属性 -
ctx：非响应式上下文对象，含attrs、slots、emit等，但 生产环境不可靠，不建议使用 -
appContext：指向应用上下文，可用于访问全局配置或挂载的属性（如app.config.globalProperties）
示例：
import { getCurrentInstance } from 'vue'
export default {
setup() {
const instance = getCurrentInstance()
if (!instance) return // 防止在非 setup 环境调用
const { proxy } = instance
console.log('props:', proxy.$props)
console.log('DOM 根节点:', proxy.$el)
console.log('父组件实例:', proxy.$parent)
}
}
安全访问实例属性：优先走 proxy，避开 ctx
Options API 中的 this.$xxx 在 setup 中统一通过 proxy.$xxx 访问。这是唯一稳定、跨环境（开发/生产）可用的路径：
立即学习“前端免费学习笔记（深入）”；
vue-component-analyzer
下载
递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。
-
proxy.$props→ 当前解析后的 props 对象 -
proxy.$el→ 组件根 DOM 元素（需确保组件已挂载，如在onMounted后使用） -
proxy.$refs→ 模板中用ref="xxx"绑定的 DOM 或子组件（注意：ref 值需为响应式引用，且在onMounted后才可访问 DOM） -
proxy.$slots→ 插槽内容对象 -
proxy.$root、proxy.$parent→ 根/父组件实例（同理，通过其proxy访问）
生产环境注意事项：避免未定义错误
getCurrentInstance() 在生产环境下可能返回 null（例如在异步回调、定时器、事件监听器中调用时）。因此务必做存在性判断：
const getInstance = () => {
const instance = getCurrentInstance()
if (!instance) {
throw new Error('getCurrentInstance 只能在 setup 或生命周期钩子中调用')
}
return instance
}
const { proxy } = getInstance()
若需在副作用逻辑（如 watch 回调、setTimeout）中访问实例，建议提前缓存 proxy，或改用组合式 API 原生方案（如用 onMounted + ref 获取 DOM，用 defineExpose 暴露子组件方法）。
替代方案：多数场景其实不需要实例
很多原本依赖 this 的操作，在 Composition API 中有更优解：
- 访问 props → 直接用 setup 第一个参数，或
defineProps() - 触发事件 → 使用 setup 第二个参数中的
emit，或defineEmits() - 读取插槽 → 用
useSlots()（返回响应式 slots 对象） - 访问全局属性（如 $http、$message）→ 推荐通过
app.config.globalProperties注入后，在 setup 中用getCurrentInstance().appContext.config.globalProperties获取，或封装为自定义 Hook
不复杂但容易忽略
