diff --git a/docs/en/reference/runtime-api.md b/docs/en/reference/runtime-api.md
index b65c2661fbd3..0f2e9ea04776 100644
--- a/docs/en/reference/runtime-api.md
+++ b/docs/en/reference/runtime-api.md
@@ -107,6 +107,10 @@ interface Router {
    * updated). Return `false` to cancel the navigation.
    */
   onBeforePageLoad?: (to: string) => Awaitable<void | boolean>
+  /**
+   * Called after the page component is loaded (before the page component is updated).
+   */
+  onAfterPageLoad?: (to: string) => Awaitable<void>
   /**
    * Called after the route changes.
    */
diff --git a/docs/zh/reference/runtime-api.md b/docs/zh/reference/runtime-api.md
index b64d44f5bebf..105906daec10 100644
--- a/docs/zh/reference/runtime-api.md
+++ b/docs/zh/reference/runtime-api.md
@@ -102,6 +102,10 @@ interface Router {
    * 在页面组件加载前（history 状态更新后）调用。返回 `false` 表示取消导航
    */
   onBeforePageLoad?: (to: string) => Awaitable<void | boolean>
+  /**
+   * 在页面组件加载后（页面组件实际更新前）调用
+   */
+  onAfterPageLoad?: (to: string) => Awaitable<void>
   /**
    * 在路由更改后调用
    */
diff --git a/src/client/app/router.ts b/src/client/app/router.ts
index 0e04703ebf16..3c6fb4f7f42f 100644
--- a/src/client/app/router.ts
+++ b/src/client/app/router.ts
@@ -29,6 +29,10 @@ export interface Router {
    * updated). Return `false` to cancel the navigation.
    */
   onBeforePageLoad?: (to: string) => Awaitable<void | boolean>
+  /**
+   * Called after the page component is loaded (before the page component is updated).
+   */
+  onAfterPageLoad?: (to: string) => Awaitable<void>
   /**
    * Called after the route changes.
    */
@@ -94,6 +98,8 @@ export function createRouter(
           throw new Error(`Invalid route component: ${comp}`)
         }
 
+        await router.onAfterPageLoad?.(href)
+
         route.path = inBrowser ? pendingPath : withBase(pendingPath)
         route.component = markRaw(comp)
         route.data = import.meta.env.PROD