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
2
3
4

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

app.vue：

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

1
2
3
4

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

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

	}
</script>

1
2
3
4
5
6
7
8
9
10
11
12

页面周期

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)
    }
}
1
2
3
4
5
6
7
8