subPackages分包预加载+navigator跳转传参

209 阅读1分钟

分包加载配置,此配置为小程序的分包加载机制。

因小程序有体积和资源加载限制

所谓的主包,即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本;而分包则是根据pages.json的配置进行划分。

在小程序启动时,默认会下载主包并启动主包内页面,当用户进入分包内某个页面时,会把对应分包自动下载下来,下载完成后再进行展示。此时终端界面会有等待提示。

image.png

image.png

详情去微信开放文档=>全局文件=>pages.json页面路由

小程序通过navigator实现跳转 url配置跳转路径还可以传递参数

在跳转到的页面通过onLoad(option)接收参数,用于监听页面加载

<navigator :url="`/goods/goods/index?query=${蘑菇}&cid=${18}`">
                <image
                  src="xxxx"
                  mode="aspectFit"
                />
 </navigator>

在goods/goods/index.vue页面通过onLoad(option)接收参数

onLoad(option){
  console.log(option)   //{query:"蘑菇",cid:"18"}
   }