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

最終更新:2026-10-22

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

activated は でキャッシュされたコンポーネントが再表示されるときに呼ばれます。ポーリングの再開やデータの更新を行います。

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

📝 構文

export default {
  activated() {
    this.start()
  }
}

⚙️ 引数

value引数なし

戻り値:戻り値なし

▶ 例

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

出力:

Switching away and back accumulates activations while state persists.

💡 ポイント

ℹ️ 補足 KeepAlive 内でのみ発火します。
💡 ヒント deactivated と対にして、再開と一時停止を分担させます。
⚠️ 注意 初回マウント時にも発火するため、冪等にしておいてください。
関連ケースは近日公開予定。

📚 関連チュートリアル

❓ よくある質問

Q mounted との違いは?
A mounted は1回だけ。activated は再入場のたびに発火します。
Q 状態は保持されますか?
A 保持されます。それが KeepAlive の目的です。
Q ここでリクエストを送れますか?
A 送れます。戻ってきたときに更新する標準的な場所です。
Web-Tutorial.com

Web-Tutorial 技術チーム

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

100%