微信小程序 & 生命周期方法 & 页面路由 & 开发示例 & 自定义全局数据 & 链接跳转

目录

1. 生命周期方法

2. 页面路由

3. 开发示例

3.1 自定义全局数据

3.2 链接跳转


1. 生命周期方法

打开app.js

微信小程序 & 生命周期方法 & 页面路由 & 开发示例 & 自定义全局数据 & 链接跳转_第1张图片

Page生命周期函数

微信小程序 & 生命周期方法 & 页面路由 & 开发示例 & 自定义全局数据 & 链接跳转_第2张图片

下面的Page生命周期图与上面的Page生命周期函数进行对比便于理解:

微信小程序 & 生命周期方法 & 页面路由 & 开发示例 & 自定义全局数据 & 链接跳转_第3张图片

视图线程和应用服务线程会同时运行,应用服务线程启动后将运行onLoad和onShow来完成创建并等待视图线程初始化完成通知,视图线程初始化完成通知应用服务线程,应用服务线程将初始化数据发送给视图线程进行展现,此时视图线程完成第一次数据渲染。第一次渲染完成后视图线程进入就绪状态并通知应用服务线程,应用服务线程调用onReady函数并进入活动状态。

应用线程进入活动状态后每次数据修改将会通知视图线程进行渲染。当切换页面进入后台,应用线程调用onHide函数后进入存活状态,页面返回到前台将调用onShow函数进入活动状态,当调用返回或重定向页面销毁指令执行将调用onUnload函数,页面完成销毁。

2. 页面路由

微信小程序 & 生命周期方法 & 页面路由 & 开发示例 & 自定义全局数据 & 链接跳转_第4张图片

3. 开发示例

3.1 自定义全局数据

微信小程序 & 生命周期方法 & 页面路由 & 开发示例 & 自定义全局数据 & 链接跳转_第5张图片

微信小程序 & 生命周期方法 & 页面路由 & 开发示例 & 自定义全局数据 & 链接跳转_第6张图片

3.2 链接跳转

链接跳转功能可以参考index组件中点击用户信息(微信头像)跳转到日志页面的例子。

微信小程序 & 生命周期方法 & 页面路由 & 开发示例 & 自定义全局数据 & 链接跳转_第7张图片

 开发一个小例子:

微信小程序 & 生命周期方法 & 页面路由 & 开发示例 & 自定义全局数据 & 链接跳转_第8张图片

微信小程序 & 生命周期方法 & 页面路由 & 开发示例 & 自定义全局数据 & 链接跳转_第9张图片

你可能感兴趣的:(java,前端,开发语言,wx,wx小程序,spring,jvm)