From d1c7348145e7d90d2fb7b994ac50613624d8edee Mon Sep 17 00:00:00 2001
From: fasttian <tianjiaxing2016@outlook.com>
Date: Wed, 16 Feb 2022 09:12:20 +0000
Subject: [PATCH] update

---
 docs/migration-to-vue3.md | 68 +++++++++++++++++++++++++--------------
 1 file changed, 43 insertions(+), 25 deletions(-)

diff --git a/docs/migration-to-vue3.md b/docs/migration-to-vue3.md
index 149d4e17a..bf3a59291 100644
--- a/docs/migration-to-vue3.md
+++ b/docs/migration-to-vue3.md
@@ -287,44 +287,62 @@
   
   - uni-app 生命周期钩子在 Vue3 组合式 API 中的使用方式如下：
       - 在 Vue3 组合式 API 中，也需要遵循 uni-app 生命周期钩子规范, 如 onLaunch 等应用生命周期仅可在 App.vue 中监听，使用中请注意生命周期钩子的适用范围。[查看全部生命周期钩子](https://uniapp.dcloud.net.cn/collocation/frame/lifecycle)
-      - 只能在 `setup()` 方法或 `<script setup>` 语法糖中使用生命周期钩子
-        
+      - 只能在 `<script setup>` 单文件语法糖或 `setup()` 方法中使用生命周期钩子，以 A 页面跳转 B 页面传递参数为例：
+
         ```js
-        // 在 setup() 中使用
-        <script>
-        import {
-          onLaunch,
-          onShow,
-        } from "@dcloudio/uni-app";
-      
-        export default {
-          setup() {
-          onLaunch(() => {
-            console.log("App Launch");
-          });
-          onShow(() => {
-            console.log("App Show");
-          });
-          }
-        }
+        // 从 A 页面跳转 B 页面时传递参数 ?id=1&name=uniapp
+        <script setup>
+          import { onMounted } from 'vue'
+          onMounted(() => {
+            uni.navigateTo({
+              url: 'xxx?id=1&name=uniapp' // xxx 为跳转的页面路径
+            })
+          })
         </script>
         ```
 
         ```js
-        // 在 <script setup> 中使用
+        // 方式一：在 B 页面 <script setup> 中
         <script setup>
         import {
-          onLaunch,
+          onLoad,
           onShow
         } from "@dcloudio/uni-app";
-      
-        onLaunch(() => {
-        console.log("App Launch");
+        
+        // onLoad 接受 A 页面传递的参数
+        onLoad((option) => {
+          console.log("B 页面 onLoad:", option); //B 页面 onLoad: {id: '1', name: 'uniapp'}
         });
+        
         onShow(() => {
-        console.log("App Show");
+          console.log("B 页面 onShow");
         });
         </script>
         ```
+
+        ```js
+        // 方式二：在 B 页面 setup() 中
+        
+        <script>
+        import {
+          onLoad,
+          onShow,
+        } from "@dcloudio/uni-app";
+      
+        export default {
+          setup() {
+            // onLoad 接受 A 页面传递的参数
+            onLoad((option) => {
+              console.log("B 页面 onLoad:", option); //B 页面 onLoad: {id: '1', name: 'uniapp'}
+            });
+            
+            onShow(() => {
+              console.log("B 页面 onShow");
+            });
+          }
+        }
+        </script>
+        ```
+
         
         
\ No newline at end of file
-- 
GitLab