uni-app 知识梳理

uni-app 知识梳理

一、核心概念

1. 跨平台框架
   基于 Vue.js 语法，可编译到 iOS/Android/Web/小程序（微信/支付宝/百度等）
   $$ 开发效率 = \frac{代码复用率}{平台适配成本} $$

2. 技术栈组成

   • 视图层：Vue 模板语法 + 小程序组件规范
   • 逻辑层：Vue.js + uni-app 扩展 API
   • 样式层：CSS 预处理器（Sass/Less）支持

二、项目结构

├── pages               # 页面目录（自动路由注册）
│   └── index.vue       
├── static              # 静态资源
├── components          # 可复用组件
├── uni_modules         # 插件模块（自动导入）
├── App.vue             # 全局入口
└── manifest.json       # 跨平台配置（应用名称/权限等）

三、核心特性

1. 条件编译
   通过注释实现多平台差异化代码：

   // #ifdef H5
   console.log('仅H5生效')
   // #endif
   

2. 生命周期

   • 应用级：onLaunch, onShow（App.vue）
   • 页面级：onLoad, <