uniapp语法特点

uniapp   =  vue + 小程序  

uniapp中的页面使用vue的单文件组件结构, 子组件同样使用vue的单文件组件

uniapp应用启动页 由pages.json 文件配置

uniapp中的标签使用小程序中的组件标签

uniapp中的尺寸单位使用小程序中的 rpx

uniapp中的数据绑定与渲染, 使用vue中的指令语法(v-model, ref, $emit, slot)

uniapp中的页面的生命周期函数 使用 小程序页面的 生命周期函数

uniapp中的组件的生命周期函数 使用 vue组件的生命周期函数

uniapp中组件的数据和结构使用vue的结构 (data, computed, filter, watch等)

uniapp中使用小程序navigater实现路由, 路由传值和小程序页面传值相同

uniapp中默认每一页都有样式隔离, 不需要scoped

uniapp中data数据的更新使用vue中的语法,直接调用更新(this.name="张三")

uniapp中的API使用小程序的API,但是需要把wx前缀替换uni(wx.request ===> uni.request)

uniapp中创建页面需要先创建vue文件,然后在pages.json文件导入

uniapp底部tabbar翻页选项卡和小程序配置相同

uniapp使用vuex实现状态管理  (uniapp已内置vuex,直接导入使用即可)

uniapp中传值: 页面间传值与小程序相同, 父子组件传值与vue相同

Uniapp开发中遇到的问题，如何解决  ? 
1, 打包发布时的跨域问题  
跨域问题解决(安卓/ios不考虑跨域, 小程序在后台配合法域名, H5需要在上线服务器搭代理)

2, 发布小程序时的适配问题? 
如果uniapp使用了自定义导航栏,打包小程序和app时, 导致导航栏和手机顶部状态条重叠
解决: 使用uni.getSystem() 动态获取手机系统信息中的状态高度, 样式中预留状态条高度即可

3, 之前写项目时,用到一个背景音频播放API, 在浏览器测试发现报错, 查看官方文档才发现, 背景音乐播放不支持H5端, 只支持app和小程序   在H5端调用背景音频播放接口无效,并报错: Cannot read property 'apply' of undefined