一.目录结构
pages:存放页面文件的目录
static:存放应用引用静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此
App.vue:应用配置,用来配置App全局样式以及监听 应用生命周期
main.js:Vue初始化入口文件
manifest.json:配置应用名称、appid、logo、版本等打包信息
pages.json:配置页面路由、导航条、选项卡等页面类信息
components:uni-app组件目录,可手动创建
注
:css、less/scss 等不要放在 static 目录下,这些公用的资源放在 common
目录下。
二.生命周期
一.页面生命周期
- onload 监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)
- onReady 监听页面初次渲染完成
- onShow 监听页面显示
- onHide 监听页面隐藏
- onUnload 监听页面卸载
- onPullDownRefresh 监听用户下拉动作,一般用于下拉刷新
- onReachBottom 页面上拉触底事件的处理函数
- onShareAppMessage 用户点击右上角分享
- onPageScroll 监听页面滚动,参数为Object
- onTabItemTap 当前是 tab 页时,点击 tab 时触发,参数为Object
<script>
export default {
data() {
return {
};
},
onLoad() {
console.log("页面初始化 执行一次 onload")
},
onReady() {
console.log("页面加载完毕 执行一次 onReady")
},
onShow() {
console.log("页面进入执行 执行多次 onShow")
},
onHide() {
console.lo