uni-app Advanced lifecycle

Uni app The following application lifecycle features are supported ：

Pay attention to the :
Ontabitemtap Usually used to click the current tab item to scroll or refresh the current page . If you click another tab item , Page switching will be triggered .
If you want to click an application side tab item without jumping to the page , Cannot be used ontabitemtap. You can use plus nativeObj. The view places a block over the original tab item , And intercept the click event .
Alipay applet platform ontabitemtap Triggered after clicking a non current tab item , So it cannot be used to click back to the top

onTabItemTap : function(e) {    console.log(e);    // e The return format of is json object ： {"index":0,"text":" home page ","pagePath":"pages/index/index"}},

1、uni app framework The life cycle of Vue And wechat applet Life cycle of
2、Onlaunch Used in global applications to indicate when the application starts
3、 Used on the page onload or Onshow Indicates when the page is loaded and when the page is displayed
4、 When installing components installed in components

app.vue：

onLaunch: function() {	console.log('App Launch  App launch ')		},

In fact, it's just typing “ App launch ” Four words , The app was triggered
then , At run time , You can see that... Is displayed first “ Application startup ”, Then show “ Page loading complete ”
This is still the case . The second life cycle of the experiment Onshow It's still the same
But in the third experiment , We can try to install the lifecycle on the plug-in , We will find that it can run successfully

<script>	export default {		onLoad(){			console.log("my-form onLoad");		},		mounted() {			console.log("myform mounted");		}	}</script>

Page cycle

1.onload（ Listen for page loading ）
2.onshow（ Monitor page display ）
3.onready（ Complete the first rendering of the listening page ）
4.onhide（ Hide listening page ）
5.onunload： Unload the listening page
6.onresize： Monitor window size changes
7.onpulldownrefresh： Listen for user drop-down actions . Usually used for pull-down refresh

onBackPress Callback parameter object ：

export default {    data() {        return {};    },    onBackPress(options) {        console.log('from:' + options.from)    }}