uni-app 基础
uni-app环境搭建
命令行搭建
基础使用差异说明
要使用滚动
html
<scroll-view scroll-y="true" class="h-600">
类似于v-html
html
<rich-text nodes="<h1>1123213</h1>" />
<editor /> - text-area
生命周期
onLaunch
uniapp 初始化的时候触发
onShowuniapp启动,或者从后台进入前台显示
onHide从前台进入后台
onError错误触发
onExist应用退出
只有在android上有。
othersonUnhandledRejection
onPageNotFound
onLastPageBackPress - 按最下面返回的那个按键的退出
globalData
只能用这种写法
js
export default {
globalData: {
xxx
}
}
页面时序描述
1.根据pages.json 启动容器 - 相当于打开浏览器
2.读取template的内容。我先把静态的节点读取出来,先创建一轮dom;
3.onInit生命周期 - ***只有百度小程序
4.onLoad生命周期
a.响应式数据 / 计算属性 / 方法 / props / slots 已经完成
b.联网获取数据,更新data
5.onShow 生命周期
a.监听页面显示,页面出现时触发
6.执行转成动画
7.动画之间,创建真实的dom,onReady执行 - 相当于didmount
a.处理dom,ref等等
配置化
page.json配置
主要用域配置页面的各种信息,包含tabBar,具体的页面pages的相关信息等
manifast.json配置
主要配置构建与工程相关的内容,包括某一种小程序 / app的一些特殊配置
androidManifest.xml
安卓的原生配置,需要自己手动添加