准备:
vue.js全家桶套餐项目部署参考:陶然然_niit 的简书
1.对uni-app项目目录文件的了解:
![](https://img.haomeiwen.com/i16624198/f091e708c0009697.png)
2.应用的生命周期
onLaunch ---------------- 当uni-app初始化完成时触发(全局只触发一次)
onShow ---------------- 当uni-app启动,或从后台进入前台显示
onHide ---------------- 当uni-app从前台进入后台
应用生命周期仅可在App.vue中监听,在其它页面监听无效
3.页面的生命周期
onLoad ------------- 监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)
onShow ------------- 监听页面显示
onReady ------------- 监听页面初次渲染完成
onHide -------------- 监听页面隐藏
onUnload ------------ 监听页面卸载
onPullDownRefresh -------------- 监听用户下拉动作,一般用于下拉刷新
onReachBottom --------------- 页面上拉触底事件的处理函数
onPageScroll ------------- 监听页面滚动,参数为Object
onTabltemTap -------------- 当前页tab页时,点击tab时触发
onShareAppMessage -------------- 用户点击右上角分享(支持微信小程序)
注:先触发 uni-app onReady ,后触发 vue 的 mounted
最好使用 uni-app 的 onLoad 代替 vue 的 created
网友评论