uniapp整体框架和知识点

最新推荐文章于 2025-04-14 21:30:18 发布

雨中世界

最新推荐文章于 2025-04-14 21:30:18 发布

阅读量2.9k

点赞数 2

分类专栏：小程序-uniapp 文章标签： vue.js 小程序 javascript

本文链接：https://blog.youkuaiyun.com/qq_36981190/article/details/119761972

版权

本文详细介绍了uniapp的整体框架，包括配置、生命周期、组件和API。uniapp是一套可以跨平台开发的应用框架，具备易扩展和低学习成本的特点。文章深入讲解了页面配置、应用与页面生命周期、组件（如easycom规范、基础组件如navigator和progress）以及网络请求、路由跳转和页面间通信的方法。同时，还提到了扩展组件的使用和常用UI框架如uview ui和element ui的应用场景。

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

uniapp介绍：

一套代码可以运行在多个平台
扩展灵活，学习成本低

一、框架

uniapp的配置

1、page.json

globalStyle : 用于设置应用的导航条、标题、窗口背景色等。

pages：这个节点配置应用由哪些页面组成
pages节点的第一项为应用入口页（即首页）参考
style:用于设置每个页面的导航条、标题、窗口背景色等。

{
    "pages": [
        {
            "path": "pages/index/index", 
            "style": { ... }
        }, {
            "path": "pages/login/login", 
            "style": { ... }
        }
    ]
}

tabBar：配置项指定一级导航栏，可以当成底部导航栏，参考
只能配置最少2个、最多5个 tab
uni.scss：整体控制应用的风格的控制，可以使用变量，嵌套
App.vue：是uni-app的主组件，所有页面都是在App.vue下进行切换的，是页面入口文件
main.js ：是uni-app的入口文件，主要作用是初始化vue实例、定义全局组件、使用需要的插件如vuex