【VUE】uni-app生命周期/模板目录

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这个文件