uni-app基础文件说明及生命周期介绍

一、uni-app基础文件说明

1. app.json

app.json是uni-app项目的配置文件，位于项目根目录，它主要用于配置项目的整体信息和一些全局性的设置。app.json的详细配置项如下：

• pages ：用于配置项目的页面列表，每个页面对应一个json对象，其中包含页面的路径、名称、窗口标题、是否隐藏导航栏等信息。
• window ：用于配置项目的窗口信息，包括窗口的标题、背景色、是否显示状态栏等信息。
• tabBar ：用于配置项目的底部导航栏信息，包括导航栏的背景色、激活项颜色、非激活项颜色、是否固定在底部等信息。
• networkTimeout ：用于配置项目的网络超时时间，单位为毫秒。
• debug ：用于配置是否开启调试模式，开启后可以在控制台输出调试信息。
• usingComponents ：用于配置项目中使用的组件列表，每个组件对应一个json对象，其中包含组件的名称、路径等信息。

2. manifest.json

manifest.json是uni-app项目的清单文件，位于项目根目录，它主要用于配置项目的名称、版本、图标等信息。manifest.json的详细配置项如下：

• name ：用于配置项目的名称。
• version ：用于配置项目的版本号。
• icons ：用于配置项目的图标列表，每个图标对应一个json对象，其中包含图标的路径、大小、类型等信息。
• display ：用于配置项目的显示方式，包括是否全屏显示、是否隐藏状态栏等信息。
• orientation ：用于配置项目的屏幕方向，包括是否允许横屏、是否允许竖屏等信息。
• splashscreen ：用于配置项目的启动画面，包括启动画面图片的路径、背景色等信息。

3. uni.scss

uni.scss是uni-app项目的全局样式文件，位于项目根目录，它主要用于配置项目的全局样式。uni.scss中的样式会应用到项目中的所有页面和组件。

二、uni-app生命周期

uni-app的生命周期与其他前端框架的生命周期基本一致，它主要包括以下几个阶段：

1. beforeCreate

beforeCreate是组件创建之前的钩子函数，在这个钩子函数中可以执行一些初始化操作，比如获取数据、设置状态等。

2. created

created是组件创建完成之后的钩子函数，在这个钩子函数中可以执行一些组件初始化的操作，比如调用API、监听事件等。

3. beforeMount

beforeMount是组件挂载之前的钩子函数，在这个钩子函数中可以执行一些准备工作，比如计算组件的样式、设置组件的属性等。

4. mounted

mounted是组件挂载完成之后的钩子函数，在这个钩子函数中可以执行一些组件挂载后的操作，比如调用API、监听事件等。

5. beforeUpdate

beforeUpdate是组件更新之前的钩子函数，在这个钩子函数中可以执行一些更新前的操作，比如获取数据、设置状态等。

6. updated

updated是组件更新完成之后的钩子函数，在这个钩子函数中可以执行一些更新后的操作，比如调用API、监听事件等。

7. beforeDestroy

beforeDestroy是组件销毁之前的钩子函数，在这个钩子函数中可以执行一些销毁前的操作，比如移除事件监听器、取消网络请求等。

8. destroyed

destroyed是组件销毁完成之后的钩子函数，在这个钩子函数中可以执行一些销毁后的操作，比如清除数据、重置状态等。

三、结语

本文详细介绍了uni-app的基础文件说明以及生命周期，帮助读者快速上手uni-app开发。希望本文能够对各位读者有所帮助。