app.use() プラグインのインストール
最終更新：2026-10-22
app.use() プラグインのインストール
app.use() はプラグインをインストールします。プラグインはグローバルコンポーネントやディレクティブの登録、依存の注入、アプリ設定の補完などができます（ルーターや状態管理など）。
| グループ | グローバル API |
|---|---|
| 種類 | API |
| スコープ | グローバル |
| Vue バージョン | 3.0+ |
| SSR 対応 | 対応 |
📝 構文
app.use(router)
app.use(pinia)
app.use(MyPlugin, { option: 1 })⚙️ 引数
| plugin, ...options | プラグイン（install メソッドを持つオブジェクトまたは関数）+ 任意の設定 |
|---|
戻り値：アプリインスタンス（チェーン可能）
▶ 例
以下のコードを編集して結果を確認しましょう：
出力：
Shows 'Hello, Vue developer'.💡 ポイント
ℹ️ 補足 同じプラグインは 1 つのアプリに 1 回しかインストールされません。重複した use は無視されます（複数インスタンスを除く）。
💡 ヒント プラグインを作る際は、機能を app.config.globalProperties か provide に載せます。どちらのスタイルもよく見られます。
⚠️ 注意 use は mount の前に行う必要があります。マウント後にインストールしたプラグインは反映されません。
🏷️ 関連グローバル API
💡 関連ケース
関連ケースは近日公開予定。
📚 関連チュートリアル
❓ よくある質問
Q プラグインとコンポーネントライブラリの関係は？
A ほとんどの UI ライブラリはプラグインです。app.use(Library) で全コンポーネントを一括登録します。
Q 複数のプラグインをインストールできますか？
A できます。順序が初期化に影響することがあります（例：router が store に依存する場合は順番に注意）。
Q 重複インストールで重複登録されますか？
A されません。プラグイン内部でインストール済みの状態が記録されます。
