uni-app学习笔记（二）

官网地址：

http://uniapp.dcloud.io

1.目录及文件

一个标准的uni-app工程，默认包含如下目录及文件：

• components -uni-app组件目录
  -comp-a.vue 可复用的a组件

• pages -业务页面文件存放目录
  -index -使用到的字体文件
  - index.vue -index页面

  -list -使用到的图片文件
  - list.vue -list页面
  -static -存放应用引用静态资源（如图片、视频等）的地方，注意：静态资源只能存放于此

-main.js -vue初始化入口文件

• App.vue -应用配置，用来配置App全局样式以及监听
• mianfest.json -配置应用名称、appid、logo、版本等打包信息
• pages.json -配置页面路由、导航条、选项卡等页面类信息

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时触发
onshareAppMesage	用户点击右上角分享