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)    }}