diff --git a/docs/page.md b/docs/page.md
index 090b6cae32552bd99c88a4c2a8fbcbb044b9e722..70e5fe272df2da96b887f0f083d2162a5b318be3 100644
--- a/docs/page.md
+++ b/docs/page.md
@@ -6,4 +6,8 @@
 
 <!-- PAGEINSTANCE.lifeCycle.compatibility -->
 
-示例代码, [详见](./vue/README.md#lifecycle-options)
\ No newline at end of file
+示例代码, [详见](./vue/README.md#lifecycle-options)
+
+## 页面及组件生命周期流程图
+
+![](./static/uni-app-lifecycle-vue3.png)
diff --git a/docs/static/uni-app-lifecycle-vue3.png b/docs/static/uni-app-lifecycle-vue3.png
new file mode 100644
index 0000000000000000000000000000000000000000..42a473d064e69da3ef6849ee4abd626fd2ade5c3
Binary files /dev/null and b/docs/static/uni-app-lifecycle-vue3.png differ