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 送れます。戻ってきたときに更新する標準的な場所です。