插槽不能访问子组件实例，仅是内容分发机制；真正访问子组件需通过 ref 绑定调用其方法或属性；插槽内容始终运行在父组件作用域，作用域插槽仅传递数据或函数而非实例。

Vue.js 插槽本身不直接提供访问或操作组件实例的能力，它本质是内容分发机制，而非实例通信通道。真正能访问子组件实例的，是父组件通过 ref 显式绑定并调用其方法或属性；而插槽内容（包括作用域插槽）始终运行在父组件作用域中，无法直接拿到子组件实例。

插槽内容运行在父组件作用域

无论默认插槽、具名插槽还是作用域插槽，其中的模板和表达式都属于父组件的编译上下文。比如：

• {{ count }} 访问的是父组件的 count，不是子组件的
• @click="handleParentClick" 绑定的是父组件的方法
• 即使使用作用域插槽传入子组件数据（如 :user="currentUser"），也只是传递响应式值或函数，不暴露子组件实例本身

需要操作子组件实例时，必须用 ref

若父组件需调用子组件方法、读取内部状态或触发生命周期行为，应配合 ref 使用：

vue-admin-change-reviewer

审查 Vue 管理后台的变更请求（Vue 2 + Element UI，Vue 3 + Element Plus）。重点关注最小化变更实现、上线风险检查以及回归检查清单生成。

下载

• 子组件定义公开方法（如 focusInput()、validate()）
• 父组件通过 <ChildComponent ref="childRef" /> 绑定引用
• 在父组件逻辑中调用 this.$refs.childRef.focusInput()（Vue 2）或 childRef.value.focusInput()（Vue 3 Composition API）

$slots 是只读的 VNode 数据，不可操作实例

this.$slots（Vue 2）或 slots（Vue 3 setup）仅用于检查插槽是否被填充，返回的是虚拟节点数组，不是组件实例：

立即学习“前端免费学习笔记（深入）”；

• 可用于条件渲染：如 v-if="slots.header" 判断头部插槽是否存在
• 不能从中获取子组件实例，也不能调用其方法
• 修改 $slots 无效，它是 Vue 内部生成的只读对象

作用域插槽 ≠ 实例访问，而是数据委托

作用域插槽传递的是子组件内部的数据或函数，目的是让父组件基于这些信息决定如何渲染，而非获得控制权：

• 子组件写：<slot :item="item" :index="idx" :select="selectItem" />
• 父组件写：<template #default="{ item, select }"><button @click="select(item)">选中</button></template>
• 这里 select 是子组件暴露的函数，但调用仍发生在父组件上下文中；它不等价于“拿到子组件 this”