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.
💡 ポイント
ℹ️ 補足