unmounted アンマウント完了（Options API）
最終更新：2026-10-22
unmounted アンマウント完了（Options API）
unmounted はインスタンスが破棄され、DOM が取り除かれた後に呼ばれます。リソース解放を行う最後の場所です。
| グループ | オプション: 描画とライフサイクル |
|---|---|
| 種類 | オプション |
| スコープ | コンポーネント内 |
| Vue バージョン | 3.0+ |
| SSR 対応 | 対応 |
📝 構文
export default {
unmounted() {
// the instance is gone
}
}⚙️ 引数
| value | 引数なし |
|---|
戻り値：戻り値なし
▶ 例
以下のコードを編集して結果を確認しましょう：
出力：
Toggling off logs 'child destroyed'.💡 ポイント
ℹ️ 補足 Vue はすでにインスタンスの副作用を停止しているため、外部リソースのみ対応してください。
⚠️ 注意 ここでは DOM にアクセスしないでください。
🏷️ 関連描画とライフサイクル
💡 関連ケース
関連ケースは近日公開予定。
📚 関連チュートリアル
❓ よくある質問
Q ウォッチャーをまだ停止する必要がありますか？
A いいえ。破棄によって停止されます。
Q ネストされたコンポーネントではどちらが先にアンマウントされますか？
A 親の beforeUnmount が先に発火し、その後子が破棄されます。
Q SSR でも実行されますか？
A いいえ。ブラウザー専用です。
