2-2 uniapp开发规范（上手必读注意的点）
文件规范
- 页面文件放在
pages/目录下 - 组件文件放在
components/目录下 - 每个页面是一个
.vue文件（SFC 格式） pages.json相当于小程序的app.json
与标准 Vue 的差异
| 维度 | 标准 Vue | uni-app |
|---|---|---|
| HTML 标签 | <div>, <span> | <view>, <text> |
| 路由 | vue-router | uni.navigateTo() 等 API |
| 网络请求 | axios | uni.request() |
| 样式单位 | px/rem/vw | rpx（响应式像素） |
| 生命周期 | Vue 生命周期 | Vue + 小程序生命周期 |
rpx 单位
rpx 是响应式像素，规定屏幕宽度为 750rpx：
- iPhone 6（375px 物理宽度）：1rpx = 0.5px
- 设计稿通常基于 750px 宽度，直接用 rpx 即可
注意事项
- 不要使用 HTML 标签，使用
<view>、<text>、<image>等组件 - CSS 中不支持
*选择器 v-html只在 H5 端有效，小程序端不支持- 网络请求必须配置域名白名单（小程序端）
↑