Page:页面的生命周期

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

注册页面了用的是 Page 这个函数 .. 在它里面可以添加页面的初始数据,页面的生命周期函数,还有跟页面相关的事件处理函数 ..

先在这里添加一些页面相关的生命周期函数 .. 使用这些函数你可以在页面的不同阶段去做你需要做的事情 .. 添加一个 onLoad .. 页面加载以后会执行这个函数 .. 输出一个 页面加载 .. 再添加一个 onShow .. 显示页面的时候会执行它 .. 输出一个 页面显示 ..

页面第一次完成渲染以后,会执行 onReady 这个函数 .. 输出一个 页面首次渲染完成 ..

再添加一个 onHide ... 隐藏页面的时候会执行这个函数 ... 这个时候我们输出一个 页面隐藏 ..

还有一个 onUnload .. 在卸载页面的时候会执行这个 onUnload 方法 .. 输出一个 页面卸载 ..

再复制一下这些页面的生命周期函数 .. 打开 event 这个页面 ... 粘贴到这个 event 页面的注册函数里 ..

然后到开发者工具上看一下 ...

在控制台上找到页面相关的信息 .. 首先页面会用初始化数据更新视图 .. 当前是在 index 这个页面上,所以接着又执行了这个页面上的 onLoad .. 我们让小程序做的事就是在控制台上输出一个 页面加载 ..

又会执行这个页面上的 onShow .. 这里输出了一个页面显示 .. 然后触发 onReady 事件 .. 执行了 onReady 函数 .. 输出了一个页面首次渲染完成 ..

再打开 活动 这个页面 ..

之前显示的 index 页面会执行 onHide .. 显示页面隐藏 .. 然后又会进行活动页面的生命周期 ..

再切换到 index 页面 .. 这回只会执行 event 页面上的 onHide .. 还有 index 页面的 onShow ..

Page:页面的生命周期《 微信小程序:框架 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点