一个uni-app工程,默认包含如下目录及文件:
页面生命周期uni-app支持onLoad、onShow、onReady等生命周期函数
组件生命周期uni-app组件支持的生命周期,与vue标准组件的生命周期相同。这里没有页面级的onLoad等生命周期
uni-app页面路由为框架统一管理,开发者需要在pages.json里配置每个路由页面的路径及页面样式。类似小程序在app.json中配置页面路由一样。所以uni-app的路由用法与VueRouter不同,如仍希望采用VueRouter方式管理路由,可在插件市场搜索Vue-Router。
路由跳转uni-app有两种页面路由跳转方式:使用navigator组件跳转、调用API跳转。
页面栈框架以栈的形式管理当前所有页面,当发生路由切换的时候,页面栈的表现如下:
平台判断有2种场景,一种是在编译期判断,一种是在运行期判断。编译期判断编译期判断,即条件编译,不同平台在编译出包后已经是不同的代码。详见:条件编译
其他环境变量其他环境变量的定义方式参考环境变量。
html标签uni-app的tag同小程序的tag,和HTML的tag不一样,比如p要改成view,span要改成text、a要改成navigator。CSS推荐使用flex布局模型单位方面,uni-app支持的通用css单位包括px、rpx(早期uni-app提供了upx,目前已经推荐统一改为rpx了)JS只有H5端可使用浏览器内置对象,比如document、window、localstorage、cookie等,以及jquery等依赖。
注意问题:动态绑定的style不支持使用upx,因为upx是编译器处理的,在手机端动态修改样式赋值时,无法直接使用upx。解决方案:使用uni.upx2px(Number)转换为px后再赋值。
注意:
这篇简单的介绍了一下uni-app,让大家先认识一下,希望大家能够喜欢。