提交 56455e78 编写于 作者: fxy060608's avatar fxy060608

Update page.md

上级 fcd39f64
......@@ -325,3 +325,21 @@ onReady后,页面元素就可以自由操作了,比如ref获取节点。同
6. 转场动画结束
再次强调,5和6的先后顺序不一定,取决于首批dom渲染的速度。
## 页面作为组件 @page-as-component
全平台支持页面作为组件来渲染,通常用于宽屏适配等场景,比如一个新闻网站,在新闻列表页面,宽屏模式下,左侧显示列表,右侧用组件来显示详情页面。
- 需要手动引入页面做为组件使用
```vue
<template>
<TestPage></TestPage>
</template>
<script setup>
import TestPage from '@/pages/test/test.uvue'
</script>
```
- 页面作为组件渲染时,所有页面特有的生命周期不再生效,仅支持组件的生命周期(注意:页面组合式生命周期API还可以使用,但监听到的是作为组件时所在页面的,而非它自身的)
- 支持定义props,作为页面渲染时,props会接收url中的参数,作为组件使用时,可以正常传递props(注意:如果某个页面要作为组件渲染,且需要接收参数,请使用props传递,而不是使用onLoad生命周期)
- 如果想判断当前是作为页面渲染,还是组件渲染,可以通过 this.$page.vm === this 来判断,如果相等,说明是作为页面渲染的,不相等,说明是作为组件渲染的
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册