expose 暴露实例成员
最后更新:2026-10-22
expose 暴露实例成员
expose 选项限制父组件通过模板引用访问到哪些成员:默认全部暴露,声明后只暴露指定项。
| 分组 | 选项式·状态 |
|---|---|
| 类型 | 选项 |
| 作用域 | 组件内 |
| Vue 版本 | 3.0+ |
| SSR 支持 | 支持 |
📝 语法
export default {
expose: ["focus"],
methods: {
focus() { /* ... */ },
internal() { /* 不暴露 */ }
}
}
⚙️ 参数
| value | 数组(成员名)或返回公开对象的方法(组合式 defineExpose 的选项式对应) |
|---|
返回值:无返回值
▶ 示例
修改下面的代码,在预览区实时查看效果:
输出:
点父组件按钮,子组件输入框获得焦点。
💡 要点
ℹ️ 说明
🙏 帮我们做得更好
我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……
如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏
如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏