uniapp 页面模板 包含生命周期 代码

以下是一个简单的 UniApp 页面模板，包含了常用的生命周期函数和一些基础代码：

<template>
  <view class="container">
    <!-- 页面内容 -->
  </view>
</template>

<script>
export default {
  // 页面生命周期函数 - 页面加载时触发
  onLoad() {
    console.log('页面加载')
  },
  // 页面生命周期函数 - 页面初次渲染完成时触发
  onReady() {
    console.log('页面初次渲染完成')
  },
  // 页面生命周期函数 - 页面显示时触发
  onShow() {
    console.log('页面显示')
  },
  // 页面生命周期函数 - 页面隐藏时触发
  onHide() {
    console.log('页面隐藏')
  },
  // 页面生命周期函数 - 页面卸载时触发
  onUnload() {
    console.log('页面卸载')
  },
  // 页面滚动触发事件的处理函数
  onPageScroll() {
    console.log('页面滚动')
  },
  // 页面下拉刷新触发事件的处理函数
  onPullDownRefresh() {
    console.log('下拉刷新')
  },
  // 页面上拉触底事件的处理函数
  onReachBottom() {
    console.log('上拉触底')
  },
  // 用户点击右上角转发
  onShareAppMessage() {
    console.log('用户点击转发')
  },
  // 页面相关事件处理函数--监听用户下拉动作
  onReachBottom() {
    console.log('用户下拉动作')
  },
  // 页面相关事件处理函数--监听用户上拉动作
  onPullDownRefresh() {
    console.log('用户上拉动作')
  },
  // 页面滚动条滚动事件的处理函数
  onPageScroll() {
    console.log('页面滚动条滚动')
  }
}
</script>

<style>
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
</style>

这个模板包含了页面的生命周期函数，例如 `onLoad`、`onReady`、`onShow`、`onHide` 和 `onUnload`，以及一些其他常用的事件处理函数，例如页面滚动、下拉刷新和上拉触底等。在实际应用中，你可以根据需要自定义这些函数并添加相应的代码逻辑。