开发准备阶段
- 简介
uni-app 是一个使用 Vue.js 开发的跨端框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序平台。
- 编辑器
使用HBuilderX,因为uni-app和HBuilderX都是dcloud开发的,HBuilderX对uni-app的支持是最好的,推荐安装app安装版,插件更齐全。
- 安装
安装方式使用HBuilderX直接创建,在开发的过程中HBuilderX也会有更多的提示。
- 调试
h5端需要指定浏览器
小程序端需要指定开发者工具所在目录
- 尺寸及自适应
设计图建议以宽度为750px的手机为基准,长度单位使用rpx,在750px的手机上,1px = 1rpx,rpx会随屏幕的宽度自适应
- 项目目录

- 与vue的相似语法
在插值表达式、指令、methods、自定义组件的封装和引用的语法一致。
- 条件编译
官网地址
- 基本组件
官网地址
- api
官网地址
- 生命周期
官网地址
项目具体设置
- tabbar
官网地址
tab切换时可触发页面生命周期,必须为小于40kb的本地图片,建议81*81
onTabItemTap(e) {
console.log(e);
}