uni-app生命周期
应用生命周期 只能在App.vue中使用
// onLaunch 应用初始化完成 全局只触发一次
// onShow 应用启动的时候 或者从后台进入前台会触发
// onHide 应用从前台进入后台
页面生命周期
// onload 监听页面加载 可以获取页面传参
// onReady 监听页面的初次渲染完成
// onShow 监听页面显示 包括从下级页面点返回露出当前页面
// onHide 监听页面隐藏
// onUnload 监听页面卸载
// onPullDownRefresh 监听用户下拉动作,一般用于下拉刷新
// onReachBottom 页面滚动到底部的事件 一般用于上拉加载
// onTabItemTap 点击 tabbar 触发
// onShareAppMessage 用户点击右上角分享
组件生命周期(即vue的生命周期)uni-app 组件支持的生命周期,与vue标准组件的生命周期相同!
常用生命周期执行顺序
// App Launch
// APP Show
// Page Onload
// Page onShow
// component beforeCreate
// component created
// component beforeMounted
// component Mounted
// Page onReady
// component beforeDestroy
// component destroyed
// Page onUnload
uni-app默认模板目录
- 文件目录说明
components 自定义组件的目录
pages 页面存放目录
static 静态文件资源目录
unpackage 编译后的文件存放目录
app.vue 全局公用的状态数据等
main.js 应用入口
manifest.json 项目基础配置
pages.json 页面相关配置 注册页面 设置页面名称等
uni.scss 公用的scss变量 无需import这个文件