expose インスタンスメンバーの公開

最終更新:2026-10-22

expose インスタンスメンバーの公開

expose オプションは、親がテンプレート参照経由でアクセスできるメンバーを制限します。デフォルトではすべて公開され、宣言後は指定した項目だけが公開されます。

グループオプション: 状態
種類オプション
スコープコンポーネント内
Vue バージョン3.0+
SSR 対応対応

📝 構文

export default {
  expose: ["focus"],
  methods: {
    focus() { /* ... */ },
    internal() { /* not exposed */ }
  }
}

⚙️ 引数

value配列(メンバー名)または公開オブジェクトを返す関数(Composition API の defineExpose に相当するオプション形式)

戻り値:戻り値なし

▶ 例

以下のコードを編集して結果を確認しましょう:

出力:

The parent button focuses the child input.

💡 ポイント

ℹ️ 補足

🙏 帮我们做得更好

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

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