From 6b45d50de8bc7fa67d52059c4c42908a7c0c52e9 Mon Sep 17 00:00:00 2001
From: fasttian <tianjiaxing2016@outlook.com>
Date: Wed, 16 Feb 2022 07:49:41 +0000
Subject: [PATCH] update docs/migration-to-vue3.md.

---
 docs/migration-to-vue3.md | 55 +++++++++++++++++++++++++++++----------
 1 file changed, 41 insertions(+), 14 deletions(-)

diff --git a/docs/migration-to-vue3.md b/docs/migration-to-vue3.md
index 0232f69e7..87e534307 100644
--- a/docs/migration-to-vue3.md
+++ b/docs/migration-to-vue3.md
@@ -285,17 +285,44 @@
     });
     ```
   
-  - uni-app 特有的生命周期钩子（如 onLaunch, onShow 等）支持 Composition API，引入方式如下：
-    ```js
-    import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
-    onLaunch(() => {
-      console.log("App Launch");
-    });
-    onShow(() => {
-      console.log("App Show");
-    });
-    onHide(() => {
-      console.log("App Hide");
-    });
-    ```
-    
+  - uni-app 生命周期钩子在 Vue3 组合式 API 中的使用方式如下：
+      - 在 Vue3 组合式 API 中，也需要遵循 uni-app 生命周期钩子规范, 如 onLaunch 等应用生命周期仅可在 App.vue 中监听，使用中请注意生命周期钩子的适用范围。[查看全部生命周期钩子](https://uniapp.dcloud.net.cn/collocation/frame/lifecycle)
+      - 只能在 `setup()` 方法或 `<script setup>` 语法糖中使用生命周期钩子
+
+	```js
+	// 在 setup() 中使用
+	<script>
+	import {
+		onLaunch,
+		onShow,
+	} from "@dcloudio/uni-app";
+
+	export default {
+		setup() {
+		onLaunch(() => {
+			console.log("App Launch");
+		});
+		onShow(() => {
+			console.log("App Show");
+		});
+		}
+	}
+	</script>
+	```
+
+	```js
+	// 在 <script setup> 中使用
+	<script setup>
+	import {
+		onLaunch,
+		onShow
+	} from "@dcloudio/uni-app";
+
+	onLaunch(() => {
+	console.log("App Launch");
+	});
+	onShow(() => {
+	console.log("App Show");
+	});
+	</script>
+	```
\ No newline at end of file
-- 
GitLab