持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第20天，点击查看活动详情

uni-app进阶之生命周期

Uni app支持以下应用程序生命周期功能： 注意一下: Ontabitemtap通常用于单击当前选项卡项以滚动或刷新当前页面。如果单击其他选项卡项，将触发页面切换。 如果您想单击应用程序端的选项卡项而不跳转到页面，则不能使用ontabitemtap。您可以使用plus nativeObj。视图放置一个块来覆盖原始选项卡项，并截取单击事件。 支付宝小程序平台ontabitemtap是在单击非当前选项卡项后触发的，因此它不能用于单击返回顶部

onTabItemTap : function(e) {
    console.log(e);
    // e的返回格式为json对象： {"index":0,"text":"首页","pagePath":"pages/index/index"}
},

1、uni app framework的生命周期结合了Vue和微信applet的生命周期 2、Onlaunch在全局应用程序中用于指示应用程序何时启动 3、在页面中使用onload或Onshow分别指示何时加载页面和何时显示页面 4、安装安装在组件中的组件时

app.vue：

onLaunch: function() {
	console.log('App Launch 应用启动')
		},

其实这里只键入了“应用启动”四个字，应用被触发了 然后，在运行过程中，您可以看到首先显示“应用程序启动”，然后显示“页面加载完成” 情况仍然如此。实验的第二个生命周期Onshow仍然是一样的 但是在第三个实验中，我们可以尝试在插件上安装生命周期，我们会发现它可以成功运行

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

	}
</script>

页面周期

1.onload（侦听页面加载） 2.onshow（监听页面显示） 3.onready（完成侦听页面的第一次呈现） 4.onhide（隐藏监听页面） 5.onunload：卸载侦听页面 6.onresize：监视器窗口大小更改 7.onpulldownrefresh：侦听用户下拉操作。通常用于下拉刷新

onBackPress 回调参数对象：

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