uniapp的生命周期及子组件的

uni-app的生命周期包括应用生命周期和页面生命周期。应用生命周期包括onLaunch、onShow、onHide等方法，页面生命周期包括onLoad、onShow、onReady、onHide、onUnload等方法。子组件的生命周期与页面生命周期类似，包括created、attached、ready、detached等方法。

以下是uni-app页面生命周期的详细介绍：
1. onLoad：页面加载时触发，只会触发一次。
2. onShow：页面显示时触发，每次打开页面都会触发。
3. onReady：页面初次渲染完成时触发，只会触发一次。
4. onHide：页面隐藏时触发。
5. onUnload：页面卸载时触发。

以下是uni-app子组件生命周期的详细介绍：
1. created：组件实例化时触发，只会触发一次。
2. attached：组件被添加到页面节点树中时触发。
3. ready：组件布局完成时触发。
4. detached：组件被移除节点树时触发。

<<uni-app生命周期的使用>>

<template>
  <view>
    <text>{{ message }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello uni-app!'
    }
  },
  onLoad() {
    console.log('页面加载完成')
  },
  onShow() {
    console.log('页面显示')
  },
  onReady() {
    console.log('页面初次渲染完成')
  },
  onHide() {
    console.log('页面隐藏')
  },
  onUnload() {
    console.log('页面卸载')
  }
}
</script>

<<uni-app子组件生命周期的使用>>

<template>
  <view>
    <text>{{ message }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello uni-app!'
    }
  },
  created() {
    console.log('组件实例化')
  },
  attached() {
    console.log('组件被添加到页面节点树中')
  },
  ready() {
    console.log('组件布局完成')
  },
  detached() {
    console.log('组件被移除节点树')
  }
}
</script>