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

update docs/migration-to-vue3.md.

上级 1ad3d892
......@@ -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
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册