uniapp目录结构、生命周期、路由跳转

最新推荐文章于 2025-05-29 17:24:51 发布

阅读量979

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/weixin_46314560/article/details/104632986

本文详细介绍了uniapp的目录结构，强调了css等公共资源应放在相应目录下。讲解了页面和应用的生命周期，包括onLoad、onShow等关键事件。此外，还阐述了uniapp的路由配置和跳转方法，如navigateTo、redirectTo等，并提供了实例。最后提到了尺寸单位upx的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.目录结构

在这里插入图片描述

pages：存放页面文件的目录
static：存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
App.vue：应用配置，用来配置App全局样式以及监听 应用生命周期
main.js：Vue初始化入口文件
manifest.json：配置应用名称、appid、logo、版本等打包信息
pages.json：配置页面路由、导航条、选项卡等页面类信息
components：uni-app组件目录，可手动创建

注：css、less/scss 等不要放在 static 目录下，这些公用的资源放在 common 目录下。