expose 暴露实例成员

最后更新:2026-10-22

expose 暴露实例成员

expose 选项限制父组件通过模板引用访问到哪些成员:默认全部暴露,声明后只暴露指定项。

分组选项式·状态
类型选项
作用域组件内
Vue 版本3.0+
SSR 支持支持

📝 语法

export default {
  expose: ["focus"],
  methods: {
    focus() { /* ... */ },
    internal() { /* 不暴露 */ }
  }
}

⚙️ 参数

value数组(成员名)或返回公开对象的方法(组合式 defineExpose 的选项式对应)

返回值:无返回值

▶ 示例

修改下面的代码,在预览区实时查看效果:

输出:

点父组件按钮,子组件输入框获得焦点。

💡 要点

ℹ️ 说明

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏