uniapp組成(生命周期)
應(yīng)用注冊(cè) App
獲取用戶(hù)進(jìn)入或者離開(kāi)應(yīng)用
onLaunch 初始化完成時(shí)觸發(fā)（觸發(fā)一次）
onShow 用戶(hù)進(jìn)入應(yīng)用觸發(fā)一次
onHide 用戶(hù)引開(kāi)觸發(fā)
分頁(yè)注冊(cè) pages
當(dāng)分頁(yè)初始化打開(kāi)新頁(yè)面時(shí)執(zhí)行,執(zhí)行一次
?? ??? ??? ?noe頁(yè)面進(jìn)行跳轉(zhuǎn)到tow頁(yè)面并且攜帶參數(shù)
?? ??? ??? ?tow獲取路由參數(shù)
獲取路由參數(shù)
onLoad(val) {
console.log(val)//{name: "Msea"}
}
onShow路由記錄
分頁(yè)進(jìn)入觸發(fā)
執(zhí)行多次
onReady 分頁(yè)初始化完成 執(zhí)行,執(zhí)行一次
onHide
分頁(yè)離開(kāi)執(zhí)行,執(zhí)行一次
onResize 監(jiān)聽(tīng)小程序橫屏
開(kāi)啟真機(jī)調(diào)試(寫(xiě)入appid)
關(guān)閉手機(jī)縱向鎖定
配置 pages.json
"globalStyle": {
"pageOrientation":"auto"http://表示允許橫屏
}
onPullDownRefresh 下拉加載
支持微信小程序,H5
"globalStyle": {
"enablePullDownRefresh":true//開(kāi)啟下拉
}
調(diào)用Api
uni.startPullDownRefresh()//開(kāi)啟
uni.stopPullDownRefresh()//關(guān)閉下拉加載
onReachBottom上拉加載
需要設(shè)置上拉加載開(kāi)關(guān)
"style": {
"onReachBottom":true,
"onReachBottomDistance":50//默認(rèn)值是50
}
onPageScroll監(jiān)聽(tīng)
pc支持
onPageScroll(value){
console.log(value)//scrollTop:10
}?
onTabItemTap 切換tabBar 觸發(fā)
onTabItemTap:function(e) {
console.log(e);
// e的返回格式為json對(duì)象： {"index":0,"text":"首頁(yè)","pagePath":"pages/index/index.html"}
},
分享
onShareAppMessage(){
return{
title:"分享測(cè)試",
path:"pages/index/index",
imageUrl:"https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/gh_33446d7f7a26_430.jpg",
desc:"快來(lái)領(lǐng)福利",
success:(res)=>{
console.log(res)
}
}
}
組件注冊(cè)
easycom,讓組件注冊(cè)更簡(jiǎn)單
創(chuàng)建 components文件夾 固定寫(xiě)法
創(chuàng)建組件 components/test/test.vue 名字必須一致
按照以上規(guī)則直接引用
支持 slot
組件生命周期
更Vue生命周期一致,mounted 渲染完畢,發(fā)送接口
路由跳轉(zhuǎn)
路由跳轉(zhuǎn)url寫(xiě)法
../one/one或者推薦/pages/index/index
tabBar跳轉(zhuǎn),不能使用navigateTo,用 uni.switchTab
因?yàn)?tabBar跳轉(zhuǎn),不是打開(kāi)新頁(yè)
navigateTo 保留老頁(yè)面,每次打開(kāi)新頁(yè)面
