美文网首页
uni-app 生命周期

uni-app 生命周期

作者: 书十一 | 来源:发表于2020-11-17 16:35 被阅读0次

<script>

export default {

//应用初始化完成触发一次,全局只触发一次

onLaunch:function() {

console.log("App Launch")

},

//应用启动的时候,或者从后台进入前台会触发

onShow:function() {

console.log("App Show")

},

//应用从前台进入后台触发

onHide:function(){

console.log('App Hide')

},

//监听页面加载

onLoad(){

console.log('page onLoad')

},

//监听页面的初次渲染完成

onReady(){

//TODO 如果渲染速度快,会在页面进入动画完成前触发

console.log('page onReady')

},

//监听页面显示

onShow() {

console.log('page onShow')

},

//监听页面隐藏

onHide() {

console.log('page onHide')

},

//监听页面卸载

onUnload(){

console.log('page onUnload')

},

methods:{

open(){

uni.navigateTo({

url:'../test-a/test-a'

})

}

}

}

</script>

相关文章

  • uni-app 页面生命周期

    uni-app 页面生命周期 页面生命周期 uni-app 支持如下页面生命周期函数: onLoad 监听页面加载...

  • 生命周期函数

    应用生命周期 uni-app 支持如下应用生命周期函数: onLaunch:当uni-app 初始化完成时触发(全...

  • uni-app系列(三)

    文章内容:uni-app生命周期和模版语法 uni-app 支持如下页面生命周期函数:onLoad 监听页面加载,...

  • uni-app微信小程序开发 - 生命周期

    uni-app的生命周期分为应用生命周期和页面生命周期还有组件生命周期。 应用生命周期[https://uniap...

  • 1.uni-app的相关介绍使用

    uni-app的基本使用 基础部分: +环境搭建 +页面外观配置 +数据绑定 +uni-app的生命周期 +组件的...

  • uniapp 基础

    uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...

  • uni入门文档

    uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...

  • UNIAPP入门教程

    uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...

  • uni-app基础知识

    uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...

  • uniapp基础知识

    uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...

网友评论

      本文标题:uni-app 生命周期

      本文链接:https://www.haomeiwen.com/subject/mqixiktx.html