1. 页面文件遵循 Vue 单文件组件 (SFC) 规范,即每个页面是一个.vue文件。
这个规范是Uni-App独有的,页面使用Vue单文件组件编写,这样可以方便地组织页面结构、维护代码逻辑,并且可以在模板、脚本、样式等方面得到语法提示和错误检查。每个页面都是一个独立的.vue文件,由template、script、style三个部分组成,分别用于定义页面的模板、脚本以及样式。
2. 组件标签靠近小程序规范,详见uni-app 组件规范。
uni-app的组件规范尽可能与小程序规范保持一致,这样可以方便开发者进行跨端开发。比如对于普通视图组件,可以使用View组件,在小程序中对应的标签是view,在APP端对应的标签是div,这样就可以实现跨端兼容。
- 接口能力(JS API)靠近小程序规范,但需将前缀 wx、my 等替换为 uni,详见uni-app接口规范。
Uni-App提供了丰富的JS API,可以方便地调用各种系统能力和第三方SDK。在使用API时,需要使用uni前缀,比如获取用户信息的API在小程序中是wx.getUserInfo,在Uni-App中对应的是uni.getUserInfo。这样可以方便开发者进行跨端开发,并且提高代码的可重用性。
Uni-App常用的接口:
- 路由API:uni.navigateTo、uni.redirectTo、uni.reLaunch等,用于控制页面的跳转和切换。
- 网络API:uni.request、uni.downloadFile、uni.uploadFile等,用于进行网络请求和文件上传和下载。
- 数据存储API:uni.setStorageSync、uni.getStorageSync、uni.removeStorageSync等,用于进行本地数据存储和管理。
- 设备信息API:uni.getSystemInfo、uni.getNetworkType、uni.getBatteryInfo等,用于获取设备相关信息和状态。
- 图片、音频、视频API:uni.chooseImage、uni.previewImage、uni.createAudioContext等,用于处理图片、音频、视频等相关操作。
- 地理位置API:uni.getLocation、uni.chooseLocation、uni.openLocation等,用于获取地理位置信息和操作地图。
- 交互反馈API:uni.showToast、uni.showLoading、uni.hideToast等,用于显示提示信息、加载动画等交互效果。
- 应用生命周期API:uni.onLaunch、uni.onShow、uni.onHide等,用于控制应用的生命周期和处理相关事件。
除了以上常用API,Uni-App还提供了丰富的第三方SDK接入能力,比如支付宝、微信、百度等第三方平台的API调用。开发者可以根据具体业务需要选择和调用相关的接口和SDK。
4. 数据绑定及事件处理同 Vue.js 规范,同时补充了应用生命周期及页面的生命周期。
Uni-App使用Vue.js的数据绑定和事件处理规范,使用Vue的模板语法和指令,开发者可以方便地进行数据绑定和事件处理。此外,Uni-App还补充了应用生命周期和页面生命周期的相关事件,可以方便地控制应用和页面的初始化、销毁、刷新等操作。
5. 如需兼容app-nvue平台,建议使用flex布局进行开发。
App-nvue是Uni-App独有的原生渲染模式,可以在APP端实现更高的性能和更好的用户体验。为了使页面在app-nvue平台上得到更好的兼容性和表现,建议使用flex布局进行开发,这样可以更好地适应不同的屏幕尺寸和设备类型。