deactivated 非アクティブ化(キャッシュ時)

最終更新:2026-10-22

deactivated 非アクティブ化(キャッシュ時)

deactivated は でキャッシュされたコンポーネントが非表示になるときに呼ばれます。破棄ではないため、タイマーをここで一時停止します。

グループオプション: 描画とライフサイクル
種類オプション
スコープコンポーネント内
Vue バージョン3.0+
SSR 対応対応

📝 構文

export default {
  deactivated() {
    this.stop()
  }
}

⚙️ 引数

value引数なし

戻り値:戻り値なし

▶ 例

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

出力:

Hiding pauses the clock; showing resumes it.

💡 ポイント

ℹ️ 補足 非アクティブ化は破棄ではありません。元に戻せないクリーンアップは避けてください。
💡 ヒント ポーリング、アニメーション、購読の一時停止はここで行います。
関連ケースは近日公開予定。

📚 関連チュートリアル

❓ よくある質問

Q unmounted との違いは?
A 非アクティブ化は隠すだけです。破棄はキャッシュが捨てるときに起こります。
Q 状態は残っていますか?
A 残っています。アクティブ化のときに再開します。
Q 何を一時停止すべきですか?
A タイマー、ポーリング、アニメーションです。
Web-Tutorial.com

Web-Tutorial 技術チーム

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

100%