生命周期分為：頁面生命周期和應用生命周期
生命周期可參考：uni-app官方API
注意平台支持，僅某個平台支持會顯示，5+App是超HTML5+的App方案.
例如分享：只有小程序支持.這時我們就要采用跨終端解決方案：https://uniapp.dcloud.io/platform
1.應用生命周期
2.頁面生命周期
1 <template>
2 <view class="content">
3 <image class="logo" src="../../static/image/myHover.png" @click="tap"></image>
4 <view>
5 <text class="title">{{title}}</text>
6 </view>
7 </view>
8 </template>
9
10 <script>
11
12 // 跨終端解決方案:https://uniapp.dcloud.io/platform
13 // 生命周期:https://uniapp.dcloud.io/frame?id=%E9%A1%B5%E9%9D%A2%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F
14
15 export default { 16 data() { 17 return { 18 title: 'Hello'
19 } 20 }, 21 onLoad() { 22 console.log('頁面加載') 23 }, 24 onShow() { 25 console.log('頁面顯示') 26 }, 27 onReady(){ 28 console.log('頁面初次顯示') 29 }, 30 onHide() { 31 console.log('頁面隱藏') 32 }, 33 onUnload() { 34 console.log('頁面卸載') 35 }, 36 onBackPress(){ 37 console.log('頁面返回...') 38 }, 39 onShareAppMessage() { 40 console.log('分享!') 41 }, 42 onReachBottom() { 43 console.log('下拉加載...') 44 }, 45 onPageScroll(){ 46 console.log('頁面滾動...') 47 }, 48 onPullDownRefresh() { 49 console.log('上拉刷新...') 50 uni.stopPullDownRefresh(); 51 }, 52
53 // #ifdef APP-PLUS 54 onNavigationBarButtonTap(){ 55 56 }, 57 // #endif
58
59 methods: { 60 tap(){ 61 console.log('tap點擊!'); 62 } 63 } 64 } 65 </script>
66
67 <style lang="scss">
68 .content {
69 text-align: center;
70 height: 400upx;
71 }
72
73 .logo {
74 height: 200upx;
75 width: 200upx;
76 margin-top: 200upx;
77 }
78
79 .title {
80 font-size: 36upx;
81 color: #8f8f94;
82 }
83 </style>
頁面棧以何種方式進入或退出以及tabbar的路由切換觸發頁面生命周期的行為.
