uni-app分享二

本文介绍了uni-app的小程序框架,重点讲解了分包预载配置preloadRule和全局事件监听方法如uni.$emit、uni.$on、uni.$once和uni.$off。此外,还提及了Weex、nvue和ReactNative的简要说明,以及小程序的运行调试,特别是开发者工具的远程调试功能。
摘要由CSDN通过智能技术生成

一、小程序框架

1.1 preloadRule

分包预载配置。

配置preloadRule后,在进入小程序某个页面时,由框架自动预下载可能需要的分包,提升进入后续分包页面时的启动速度

preloadRule 中,key 是页面路径,value 是进入此页面的预下载配置,每个配置有以下几项:

字段 类型 必填 默认值 说明
packages StringArray 进入页面后预下载分包的 root 或 name。APP 表示主包。
network String wifi 在指定网络下预下载,可选值为:all(不限网络)、wifi(仅wifi下预下载)

app的分包,同样支持preloadRule,但网络规则无效。

{
   
 "preloadRule": {
   
        "pagesA/list/list": {
   
            "network": "all",
            "packages": ["__APP__"]
        },
        "pagesB/detail/detail": {
   
            "network": "all",
            "packages": ["pagesA"]
        }
    }
}

1.2 通知、监听

uni.$emit(eventName,OBJECT)

触发全局的自定事件。附加参数都会传给监听器回调。

属性 类型 描述
eventName String 事件名
OBJECT Object 触发事件携带的附加参数

代码示例

    uni.$emit('update',{
   msg:'页面更新'})
uni.$on(eventName,callback)

监听全局的自定义事件。事件可以由 uni.$emit 触发,回调函数会接收所有传入事件触发函数的额外参数。

属性 类型 描述
eventName String 事件名
callback Function 事件的回调函数

代码示例

    uni.$on('update',function(data){
   
        console.log('监听到事件来自 update ,携带参数 msg 为:' + data.msg);
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值