uni-app生命周期及示例代码

uni-app生命周期分为应用生命周期和页面生命周期，其中应用生命周期包括onLaunch、onShow、onHide等方法，页面生命周期包括onLoad、onShow、onHide、onUnload等方法。下面是一个简单的uni-app页面生命周期的示例代码：

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

<script>
  export default {
    data() {
      return {
        message: 'Hello World!'
      }
    },
    onLoad() {
      console.log('页面加载')
    },
    onShow() {
      console.log('页面显示')
    },
    onHide() {
      console.log('页面隐藏')
    },
    onUnload() {
      console.log('页面卸载')
    }
  }
</script>

在这个示例代码中，我们定义了一个简单的页面，当页面加载时会输出“页面加载”到控制台，当页面显示时会输出“页面显示”，当页面隐藏时会输出“页面隐藏”，当页面卸载时会输出“页面卸载”。这些输出都是通过页面生命周期中的对应方法实现的。

相关问题

uni-app组件生命周期及示例代码

uni-app的组件生命周期与Vue的生命周期相同，包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed。下面是一个简单的uni-app组件生命周期的示例代码：

<template>
  <div>{{ message }}</div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello World!'
    }
  },
  beforeCreate() {
    console.log('组件实例刚被创建，属性和方法还未初始化')
  },
  created() {
    console.log('组件实例已经创建完成，属性和方法已经初始化')
  },
  beforeMount() {
    console.log('组件挂载前执行')
  },
  mounted() {
    console.log('组件挂载后执行')
  },
  beforeUpdate() {
    console.log('组件更新前执行')
  },
  updated() {
    console.log('组件更新后执行')
  },
  beforeDestroy() {
    console.log('组件销毁前执行')
  },
  destroyed() {
    console.log('组件销毁后执行')
  }
}
</script>

在这个示例代码中，我们定义了一个简单的组件，它包含一个数据属性message和一个模板。在组件的生命周期函数中，我们使用console.log()输出了不同阶段的信息。当组件被创建时，beforeCreate()和created()函数会被依次执行；当组件被挂载到DOM上时，beforeMount()和mounted()函数会被依次执行；当组件的数据发生变化时，beforeUpdate()和updated()函数会被依次执行；当组件被销毁时，beforeDestroy()和destroyed()函数会被依次执行。

uni-app应用生命周期及示例代码

uni-app是一个跨平台的开发框架，支持同时开发多个平台的应用程序，包括H5、小程序、Android和iOS等。uni-app的应用生命周期包括以下几个阶段：

1. 应用初始化阶段：在应用启动时，会执行一些初始化操作，例如加载应用配置、初始化全局变量等。

2. 应用启动阶段：在应用启动后，会执行一些启动操作，例如创建应用窗口、初始化路由等。

3. 应用显示阶段：在应用显示时，会执行一些显示操作，例如显示页面、渲染组件等。

4. 应用隐藏阶段：在应用隐藏时，会执行一些隐藏操作，例如隐藏页面、销毁组件等。

5. 应用卸载阶段：在应用卸载时，会执行一些卸载操作，例如清除缓存、释放资源等。

下面是uni-app应用生命周期的示例代码：

export default {
  onLaunch: function () {
    console.log('应用初始化')
  },
  onShow: function () {
    console.log('应用显示')
  },
  onHide: function () {
    console.log('应用隐藏')
  },
  onError: function (msg) {
    console.log('应用错误', msg)
  },
  onPageNotFound: function () {
    console.log('页面不存在')
  }
}