Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
07b19bf1
U
unidocs-uni-app-x-zh
项目概览
DCloud
/
unidocs-uni-app-x-zh
通知
144
Star
2
Fork
33
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
9
列表
看板
标记
里程碑
合并请求
11
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-uni-app-x-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
9
Issue
9
列表
看板
标记
里程碑
合并请求
11
合并请求
11
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
07b19bf1
编写于
5月 16, 2024
作者:
W
wanganxp
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
完善措辞
上级
f3df46de
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
33 addition
and
9 deletion
+33
-9
docs/api/README.md
docs/api/README.md
+20
-9
docs/collocation/app.md
docs/collocation/app.md
+2
-0
docs/page.md
docs/page.md
+11
-0
未找到文件。
docs/api/README.md
浏览文件 @
07b19bf1
...
@@ -2,15 +2,16 @@
...
@@ -2,15 +2,16 @@
uni-app x项目的uts代码中可以使用很多API。包括:
uni-app x项目的uts代码中可以使用很多API。包括:
-
uts的api,包括
[
内置对象
](
../uts/buildin-object-api/global.md
)
,以及平台专有对象
[
UTSAndroid
](
../uts/utsandroid.md
)
和
[
UTSiOS
](
../uts/utsios.md
)
1.
uts的api,包括
[
内置对象
](
../uts/buildin-object-api/global.md
)
,以及平台专有对象
[
UTSAndroid
](
../uts/utsandroid.md
)
和
[
UTSiOS
](
../uts/utsios.md
)
-
全局api,前面不需要加
`uni.`
。如
`getApp`
2.
全局api,前面不需要加
`uni.`
。如
`getApp`
-
uni.xxx的内置api。见左侧
3.
uni.xxx的内置api。见左侧
-
uniCloud.xxx的内置api
[
详见
](
./unicloud/README.md
)
4.
uniCloud.xxx的内置api
[
详见
](
./unicloud/README.md
)
-
dom的api
[
详见
](
../dom/README.md
)
5.
dom的api
[
详见
](
../dom/README.md
)
-
vue的api
[
详见
](
../vue/README.md
)
6.
vue的api
[
详见
](
../vue/README.md
)
-
os原生api
7.
os原生api
由于uts可以直接调用Android和iOS的api,所以os和三方sdk的能力都可以在uts中调用。如下:
## os原生api的使用
由于uts可以直接调用Android和iOS的api,所以os和三方sdk的能力都可以在uts中调用。如下:
```
vue
```
vue
<
script
>
<
script
>
...
@@ -39,7 +40,7 @@ uni-app x项目的uts代码中可以使用很多API。包括:
...
@@ -39,7 +40,7 @@ uni-app x项目的uts代码中可以使用很多API。包括:
插件市场也有很多做好的uts插件,方便开发者拿来即用。
[
uts插件
](
https://ext.dcloud.net.cn/?cat1=8&type=UpdatedDate
)
插件市场也有很多做好的uts插件,方便开发者拿来即用。
[
uts插件
](
https://ext.dcloud.net.cn/?cat1=8&type=UpdatedDate
)
虽然上述页面可以直接调用原生
能力,但一般原生能力建议封装为
[
uni_modules
](
https://uniapp.dcloud.net.cn/plugin/uni_modules.html
)
形式的
[
uts插件
](
https://uniapp.dcloud.net.cn/plugin/uts-plugin.html
)
。这样方便共享、方便跨平台。
虽然上述页面可以直接调用原生
Android能力,但正规开发时,原生能力应封装为
[
uni_modules
](
https://uniapp.dcloud.net.cn/plugin/uni_modules.html
)
形式的
[
uts插件
](
https://uniapp.dcloud.net.cn/plugin/uts-plugin.html
)
。这样方便共享、方便跨平台。(iOS在js驱动模式时,uvue页面中不支持调用swift API,需封装为uts插件调用原生API)
uni-app x 中不再支持plus和weex的API。过于plus api中一些常用的api,一部分在uni-app x中进行了替换增补、一部分提供了uts操作原生的示例代码。
[
详见
](
ext.md
)
uni-app x 中不再支持plus和weex的API。过于plus api中一些常用的api,一部分在uni-app x中进行了替换增补、一部分提供了uts操作原生的示例代码。
[
详见
](
ext.md
)
...
@@ -70,3 +71,13 @@ function getDeviceModel(): string {
...
@@ -70,3 +71,13 @@ function getDeviceModel(): string {
-
kotlin中定义一个常量是val,而uts是const;kotlin的变量定义是var,而uts推荐使用let。
-
kotlin中定义一个常量是val,而uts是const;kotlin的变量定义是var,而uts推荐使用let。
更复杂的例子可以
[
参考
](
ext.md#kt2uts
)
更复杂的例子可以
[
参考
](
ext.md#kt2uts
)
## 生命周期@liftcycle
生命周期是一种特殊事件,对于应用、页面、组件,uni-app x提供了一批对应的生命周期,比如应用的onLaunch、页面的onLoad、组件的created。
-
应用生命周期:
[
详见
](
../collocation/app.md#applifecycle
)
-
页面生命周期:
[
详见
](
../page.md#lifecycle
)
-
组件生命周期:
[
详见
](
../vue/component.md#component-lifecycle
)
除了生命周期,uni还提供了一批其他on/off事件监听API,比如uni.onPushMessage()、uni.offPushMessage()。这些不属于生命周期。
\ No newline at end of file
docs/collocation/app.md
浏览文件 @
07b19bf1
...
@@ -8,6 +8,8 @@
...
@@ -8,6 +8,8 @@
应用生命周期仅可在
`App.uvue`
中监听,在页面监听无效。
应用生命周期仅可在
`App.uvue`
中监听,在页面监听无效。
目前
`App.uvue`
仅支持选项式,暂不支持组合式写法。
## 应用生命周期@applifecycle
## 应用生命周期@applifecycle
`uni-app-x`
支持如下应用生命周期函数:
`uni-app-x`
支持如下应用生命周期函数:
...
...
docs/page.md
浏览文件 @
07b19bf1
...
@@ -156,11 +156,22 @@ export default {
...
@@ -156,11 +156,22 @@ export default {
-
OnLoadOptions类型目前在web和Android的运行时类型不统一,web是对象,Android是map。
[
详见issues
](
https://issues.dcloud.net.cn/pages/issues/detail?id=967
)
-
OnLoadOptions类型目前在web和Android的运行时类型不统一,web是对象,Android是map。
[
详见issues
](
https://issues.dcloud.net.cn/pages/issues/detail?id=967
)
-
但仍然可以通过上述示例代码跨平台的获取入参。
-
但仍然可以通过上述示例代码跨平台的获取入参。
-
后续版本会统一类型为UTSJSONObject。
-
后续版本会统一类型为UTSJSONObject。
-
App-iOS平台的窗体动画是异步的,onLoad时可能窗体动画已经开始,此时再设置页面的pageStyle(比如设置背景色),会出现闪烁现象。
:::
:::
### 页面onShow生命周期@onshow
onShow是在onLoad之后,它的意义在于,onLoad是页面创建时触发一次;而当页面隐藏(比如被新窗体遮挡),然后页面再恢复显示时,onLoad不会再触发,只会触发onShow。
tabbar页面切换时,老的tabbar页面会hide,新的tabbar页面会show。
onShow和onHide是成对出现的。
在组合式API中,组件可以监听应用和页面的生命周期。但由于应用和页面都有onShow和onHide,导致重名。所以在组合式的组件中监听页面的显示隐藏,改为了onPageShow和onPageHide。
## 页面及组件生命周期流程图 @lifecycleflow
## 页面及组件生命周期流程图 @lifecycleflow
下图展示了一个新页面,从创建开始,包括其中的组件,完整的时序。
![](
./static/uni-app-lifecycle-vue3.png
)
#{.zooming width=1000 margin=auto}
![](
./static/uni-app-lifecycle-vue3.png
)
#{.zooming width=1000 margin=auto}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录