wepy中的生命周期

旧城等待， 2022-04-11 11:48 353阅读 0赞

wepy中的生命周期的钩子函数有：onLoad，onReady，onShow，onPrefetch等，其中onReady，onShow，onPrefetch只有wepy.page中才有用。wepy.component只支持onLoad，其他都不会触发。

<style lang="less">
     
    </style>
    <template>
      <view class="container">
        <view>wepy生命周期</view>
        <view>{
       {message1}}</view>
        <view>{
       {message2}}</view>
        <view>{
       {message3}}</view>
      </view>
    </template>
    
    <script>
      import wepy from 'wepy'
      export default class Content extends wepy.page {
        config = {
          navigationBarTitleText: '内容'
        }
        data = {
          message1:'',
          message2:'',
          message3:''
        }
        //onLoad:页面加载完成时调用，一个页面只会调用一次。（在路由跳转的时候通过navigateTo跳转的话onload会重新执行，通过navigateBack跳转的话onLoad不会重新执行）
        onLoad(){
          console.log(111)
          this.message1 = '页面第一次进来';
        }
    
        //onShow:页面显示的时候调用,每进来一次都会调用
        onShow(){
          console.log(222)
          this.message2 = '页面进来了';
        }
    
        //onReady:页面中所有资源加载完成时调用
        onReady(){
          console.log(333)
          this.message3 = '页面资源加载完成了';
        }
    
        //onPrefetch:页面跳转时触发，用于预加载和预查询数据
        onPrefetch(){
          console.log(444)//页面跳转进来时触发
        }
    
        //onUnload:页面卸载时触发（通过redirectTo，switchTab，navigateBack，reLaunch会触发当前页面中的onUnload，但navigateTo不会触发）
        onUnload(){
          console.log(555)//离开页面时触发
        }
      }
    </script>

打印结果：  
![在这里插入图片描述][20181206100534552.png]  
由此可知，wepy生命周期顺序：onPrefetch > onLoad > onShow > onReady > onUnload。

[20181206100534552.png]: /images/20220411/04508f44adcd45988cb6e7e7df6afdec.png

发表评论取消回复

表情：

评论列表（有 0 条评论，353人围观）

还没有评论，来说两句吧...

相关阅读

相关 Spring中的生命周期

Spring框架中的生命周期是指在应用程序运行期间，Spring容器管理和创建Bean的过程。 1. 实例化：当Spring容器启动时，会根据配置文件或注解等方式，实例化B

素颜马尾好姑娘i/ 2024年03月24日 18:52/ 0 赞/ 63 阅读

相关 react 中生命周期

生命周期函数指在某一时刻组件会自动调用执行的函数 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6L

灰太狼/ 2023年06月29日 06:58/ 0 赞/ 85 阅读

相关 WePY开发小程序（三）：生命周期

[WePY开发小程序（三）：生命周期][WePY] [https://www.cnblogs.com/xqxacm/p/12354296.html][WePY]

以你之姓@/ 2022年11月29日 13:11/ 0 赞/ 212 阅读

相关 Bean的生命周期和BeanDefinition的生命周期

一、Bean的生命周期： ![format_png][] ![format_png 1][] 二、BeanDefinition的生命周期 [format_pn

Bertha 。/ 2022年11月25日 04:16/ 0 赞/ 296 阅读

相关 java session 生命周期_Session的生命周期

以前在学习的时候没怎么注意，今天又回过头来仔细研究研究了一下Session的生命周期。 Session存储在服务器端，一般为了防止在服务器的内存中(为了高速存取)，Sessi

野性酷女/ 2022年11月06日 09:50/ 0 赞/ 304 阅读

相关 uni-app 应用生命周期、页面生命周期、组件生命周期的区别

页面加载过程：加载=》显示=》加载完成=》页面隐藏=》页面卸载触发页面生命周期： onLoad:监听页面加载 =》 onShow:监听页面显示 =》 onReady:监听

亦凉/ 2022年10月18日 11:23/ 0 赞/ 373 阅读

相关 React（6）生命周期（组件生命周期、state生命周期）

12、生命周期参考链接： [React组件生命周期小结][React] 两个生命周期，分别是组件的生命周期，和状态变更的声明周期组件结构：父组件套用子组件

桃扇骨/ 2022年05月31日 08:08/ 0 赞/ 501 阅读

相关 Spring中Bean的生命周期

![这里写图片描述][70] 1. 实例化Bean 对于BeanFactory容器，当客户向容器请求一个尚未初始化的bean时，或初始化bean的时候需要注入另一个尚未初

叁歲伎倆/ 2022年05月24日 03:12/ 0 赞/ 299 阅读

相关 wepy中的生命周期

wepy中的生命周期的钩子函数有：onLoad，onReady，onShow，onPrefetch等，其中onReady，onShow，onPrefetch只有wepy.pag

旧城等待，/ 2022年04月11日 11:48/ 0 赞/ 354 阅读

相关 Spring中bean的生命周期

bean的生命周期一、生命周期流程图： Spring Bean的完整生命周期从创建Spring容器开始，直到最终Spring容器销毁Bean，这其中包含了一系列关

电玩女神/ 2022年03月09日 06:38/ 0 赞/ 334 阅读