diff --git a/docs/page.md b/docs/page.md
index 4e1fce508b1eecf302f367a84ad8399a0fe045c4..3f118f8aedc425802bcbaf1a3f4b893ed6e18c24 100644
--- a/docs/page.md
+++ b/docs/page.md
@@ -325,3 +325,21 @@ onReady后，页面元素就可以自由操作了，比如ref获取节点。同
 6. 转场动画结束
 
 再次强调，5和6的先后顺序不一定，取决于首批dom渲染的速度。
+
+## 页面作为组件 @page-as-component
+
+全平台支持页面作为组件来渲染，通常用于宽屏适配等场景，比如一个新闻网站，在新闻列表页面，宽屏模式下，左侧显示列表，右侧用组件来显示详情页面。
+
+- 需要手动引入页面做为组件使用
+```vue
+<template>
+    <TestPage></TestPage>
+</template>
+
+<script setup>
+    import TestPage from '@/pages/test/test.uvue'
+</script>
+```
+- 页面作为组件渲染时，所有页面特有的生命周期不再生效，仅支持组件的生命周期(注意：页面组合式生命周期API还可以使用，但监听到的是作为组件时所在页面的，而非它自身的)
+- 支持定义props，作为页面渲染时，props会接收url中的参数，作为组件使用时，可以正常传递props（注意：如果某个页面要作为组件渲染，且需要接收参数，请使用props传递，而不是使用onLoad生命周期）
+- 如果想判断当前是作为页面渲染，还是组件渲染，可以通过 this.$page.vm === this 来判断，如果相等，说明是作为页面渲染的，不相等，说明是作为组件渲染的