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

update docs/migration-to-vue3.md.

上级 6b45d50d
......@@ -288,41 +288,41 @@
- 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
```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.
先完成此消息的编辑!
想要评论请 注册