uni-app 学习笔记 一

准备:

        vue.js全家桶套餐项目部署参考:陶然然_niit 的

1.对uni-app项目目录文件的了解:


uni-app 学习笔记 一_第1张图片
目录及文件



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

生命周期官方链接


你可能感兴趣的:(uni-app 学习笔记 一)