未验证 提交 d1c73481 编写于 作者: F fasttian 提交者: Gitee

update

上级 ff8f2f31
...@@ -287,44 +287,62 @@ ...@@ -287,44 +287,62 @@
- uni-app 生命周期钩子在 Vue3 组合式 API 中的使用方式如下: - uni-app 生命周期钩子在 Vue3 组合式 API 中的使用方式如下:
- 在 Vue3 组合式 API 中,也需要遵循 uni-app 生命周期钩子规范, 如 onLaunch 等应用生命周期仅可在 App.vue 中监听,使用中请注意生命周期钩子的适用范围。[查看全部生命周期钩子](https://uniapp.dcloud.net.cn/collocation/frame/lifecycle) - 在 Vue3 组合式 API 中,也需要遵循 uni-app 生命周期钩子规范, 如 onLaunch 等应用生命周期仅可在 App.vue 中监听,使用中请注意生命周期钩子的适用范围。[查看全部生命周期钩子](https://uniapp.dcloud.net.cn/collocation/frame/lifecycle)
- 只能在 `setup()` 方法或 `<script setup>` 语法糖中使用生命周期钩子 - 只能在 `<script setup>` 单文件语法糖或 `setup()` 方法中使用生命周期钩子,以 A 页面跳转 B 页面传递参数为例:
```js ```js
// 在 setup() 中使用 // 从 A 页面跳转 B 页面时传递参数 ?id=1&name=uniapp
<script> <script setup>
import { onMounted } from 'vue'
onMounted(() => {
uni.navigateTo({
url: 'xxx?id=1&name=uniapp' // xxx 为跳转的页面路径
})
})
</script>
```
```js
// 方式一:在 B 页面 <script setup> 中
<script setup>
import { import {
onLaunch, onLoad,
onShow, onShow
} from "@dcloudio/uni-app"; } from "@dcloudio/uni-app";
export default { // onLoad 接受 A 页面传递的参数
setup() { onLoad((option) => {
onLaunch(() => { console.log("B 页面 onLoad:", option); //B 页面 onLoad: {id: '1', name: 'uniapp'}
console.log("App Launch");
}); });
onShow(() => { onShow(() => {
console.log("App Show"); console.log("B 页面 onShow");
}); });
}
}
</script> </script>
``` ```
```js ```js
// 在 <script setup> 中使用 // 方式二:在 B 页面 setup() 中
<script setup>
<script>
import { import {
onLaunch, onLoad,
onShow onShow,
} from "@dcloudio/uni-app"; } from "@dcloudio/uni-app";
onLaunch(() => { export default {
console.log("App Launch"); setup() {
// onLoad 接受 A 页面传递的参数
onLoad((option) => {
console.log("B 页面 onLoad:", option); //B 页面 onLoad: {id: '1', name: 'uniapp'}
}); });
onShow(() => { onShow(() => {
console.log("App Show"); console.log("B 页面 onShow");
}); });
}
}
</script> </script>
``` ```
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册