beforeUnmount アンマウント前（Options API）

最終更新：2026-10-22

beforeUnmount はインスタンスが破棄される直前に呼ばれます。DOM はまだ無傷なので、タイマーやリスナーを片付けるタイミングです。

📝 構文

export default {
  beforeUnmount() {
    clearInterval(this.timer)
  }
}

value	引数なし

戻り値：戻り値なし

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

出力：

Toggling off logs 'timer cleared'.

💡 ヒント クリーンアップのチェックリスト：タイマー、リスナー、ソケット、サードパーティーの destroy()。

ℹ️ 補足 DOM はまだ存在するため、DOM に依存する後片付けはここで完了させます。

⚠️ 注意 KeepAlive による非アクティブ化では、アンマウント系のフックは発火しません。

Q unmounted との分担は？

A DOM に依存するクリーンアップはこちらへ。純粋なロジックはどちらでも構いません。

Q 忘れるとどうなりますか？

A リークしたタイマーとリスナーが動き続けます。

Q アンマウントをキャンセルできますか？

A できません。v-if を使ってください。

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。