小程序开发.uniapp.生命周期

小程序开发.uniapp.生命周期

1. 概述

uniapp 生命周期是以 小程序生命周期 为基础实现的，分为 应用生命周期、 页面生命周期、 组件生命周期。 其中 组件生命周期 就是 vue生命周期。

u n i a p p 生命周期 { 应用生命周期； 页面生命周期； 组件生命周期。 = > 即 v u e 生命周期 uniapp 生命周期 \begin{cases} 应用生命周期；\\ 页面生命周期；\\ 组件生命周期。 => 即 vue生命周期 \end{cases}uniapp生命周期⎩⎨⎧应用生命周期；页面生命周期；组件生命周期。=>即vue生命周期

2. 应用生命周期

3. 页面生命周期

4. 组件生命周期

uniapp 的组件生命周期和 Vue 标准组件生命周期相同。在 当前版本的 uniapp 中，你既可以选择使用 vue2 进行开发，也可以使用 vue3 进行开发。有关 vue2 和 vue3 生命周期的详细讲解和比较说明，请参考博文《VUE实例及其生命周期解析（vue2 与 vue3 比较）》

4.1 在 uniapp 中建立 vue2 和 vue3项目的方式

打开Hbuilder软件，依次点击文件=》新建=》项目

可以看到弹出如图所示对话框：

你可以通过选择 Vue版本选择 中的选项来指定初始化一个 Vue2 或者 Vue3项目。其中选项 2 表示 vue2，选项 3 表示 vue3.

4.2 Vue 2 生命周期介绍

在Vue2中，这些时间关键点分别为 Create、Mount、Update 和 Destroy。这里要指出的是，不论是创建、挂载，还是更新、销毁，都是需要时间的，也就是他们都是一个时间段。由于这些过程都是Vue框架为我们完成的，也不需要我们进行处理，因此我们完全可以将这几个过程认作时间点。具体而言，这四个点的功能和特点如下：

• 【Create】: Vue实例创建。
• 【Mount】 : Vue实例挂载。
• 【Update】: Vue实例数据更新。
• 【Destroy】: Vue实例销毁。

还有一些特殊的生命周期钩子，说他们特殊是因为他们用于特定的场景。如activated、deactivated和errorCaptured。这一部分将在 后续 讲述。

4.3 Vue 3 生命周期介绍