Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
33396c5b
U
uni-app
项目概览
DCloud
/
uni-app
4 个月 前同步成功
通知
731
Star
38707
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
7
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
7
Issue
7
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
33396c5b
编写于
9月 16, 2019
作者:
C
chenchen
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix:App.md 修改次级标题,强调globalData
上级
839bb831
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
36 addition
and
23 deletion
+36
-23
docs/collocation/App.md
docs/collocation/App.md
+36
-23
未找到文件。
docs/collocation/App.md
浏览文件 @
33396c5b
...
...
@@ -4,36 +4,23 @@
在这个文件里,你可以初始化一些通用的组件,调用一些应用生命周期函数。
应用生命周期仅可在
`
`App.vue`
`
中监听,在其它页面监听无效。
应用生命周期仅可在
`
App.vue
`
中监听,在其它页面监听无效。
### 应用生命周期
`
`uni-app`
`
支持如下应用生命周期函数:
`
uni-app
`
支持如下应用生命周期函数:
|函数名
|说明
|
|:-
|:-
|
|onLaunch
|当
``uni-app``
初始化完成时触发(全局只触发一次)
|
|onShow
|当
``uni-app``
启动,或从后台进入前台显示
|
|onHide
|当
``uni-app``
从前台进入后台
|
|onUniNViewMessage|对
`
`nvue``
页面发送的数据进行监听,可参考
[
nvue 向 vue 通讯
](
/use-weex?id=nvue-向-vue-通讯
)
|
|函数名
|说明
|
|:-
|:-
|
|onLaunch
|当
`uni-app`
初始化完成时触发(全局只触发一次)
|
|onShow
|当
`uni-app`
启动,或从后台进入前台显示
|
|onHide
|当
`uni-app`
从前台进入后台
|
|onUniNViewMessage|对
`
nvue`
页面发送的数据进行监听,可参考
[
nvue 向 vue 通讯
](
/use-weex?id=nvue-向-vue-通讯
)
|
**注意**
-
onlaunch里进行页面跳转,如遇白屏报错,请参考
[
https://ask.dcloud.net.cn/article/35942
](
https://ask.dcloud.net.cn/article/35942
)
### 优化样式渲染速度
如果页面背景是深色,在vue页面中可能会发生新窗体刚开始动画时是灰白色背景,动画结束时才变为深色背景,造成闪屏。这是因为webview的背景生效太慢的问题。此时需将样式写在
``App.vue``
里,可以加速页面样式渲染速度。
``App.vue``
里面的样式是全局样式,每次新开页面会优先加载
``App.vue``
里面的样式,然后加载普通 vue 页面的样式。另外nvue页面不存在此问题,也可以更改为nvue页面。
**以下是 App.vue 的相关配置:**
小程序有globalData机制,这套机制在uni-app里也可以使用,全端通用。
在
`App.vue`
文件里定义globalData,如下:
```
html
<script>
export
default
{
globalData
:
{
text
:
'
text
'
},
onLaunch
:
function
()
{
console
.
log
(
'
App Launch
'
)
},
...
...
@@ -47,9 +34,35 @@
</script>
```
**注意**
-
onlaunch里进行页面跳转,如遇白屏报错,请参考
[
https://ask.dcloud.net.cn/article/35942
](
https://ask.dcloud.net.cn/article/35942
)
### globalData
小程序有globalData机制,这套机制在uni-app里也可以使用,全端通用。
**以下是 App.vue 的相关配置:**
在
`App.vue`
文件里定义globalData,如下:
```
html
<script>
export
default
{
globalData
:
{
text
:
'
text
'
}
}
</script>
```
js中操作globalData的方式如下:
`getApp().globalData.text = 'test'`
如果需要把globalData的数据绑定到页面上,可在页面的onShow声明周期里进行变量重赋值。HBuilderX 2.0.3起,nvue页面在
`uni-app`
编译模式下,也支持onShow。
weex编译模式不支持onShow,但熟悉5+的话,可利用监听webview的addEventListener show事件实现onShow效果。
\ No newline at end of file
weex编译模式不支持onShow,但熟悉5+的话,可利用监听webview的addEventListener show事件实现onShow效果。
优化样式渲染速度
如果页面背景是深色,在vue页面中可能会发生新窗体刚开始动画时是灰白色背景,动画结束时才变为深色背景,造成闪屏。这是因为webview的背景生效太慢的问题。此时需将样式写在
`App.vue`
里,可以加速页面样式渲染速度。
`App.vue`
里面的样式是全局样式,每次新开页面会优先加载
`App.vue`
里面的样式,然后加载普通 vue 页面的样式。另外nvue页面不存在此问题,也可以更改为nvue页面。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录