vue, wx小程序,uni-app生命周期

3 篇文章 0 订阅
1 篇文章 0 订阅

vue的生命周期

初始阶段
beforeCreate() 组件创建之前 作用是为实例事件的初始化和生命周期做准备
数据和真实DOM都拿不到
created() 组件创建结束 数据的初始化 可以进行数据的操作
数据拿得到,但真实DOM拿不到
beforeMount() 即将挂载 生产vDOM 可以进行数据的操作
数据拿得到,但真实DOM拿不到
mounted() 挂载结束 真实DOM产生 可以进行数据的操作
数据拿得到,真实DOM拿得到 数据的请求和修改,只能做些静态数据的第三方实例化

更新阶段
beforeUpdate() 即将更新 监听data中数据是否发生变化
updated() 更新完成 真实DOM

销毁阶段
beforeDestory() 即将销毁
destoryed() 销毁结束
----清除一些vue无法自动清除的东西

wx小程序

全局生命周期—App()只能写在app.js中,只能调用一次—getApp()用于获取小程序App实例
onLaunch() 监听小程序初始化,全局只执行一次
onShow() 监听小程序显示
onHide()监听小程序隐藏,进入后台
onError() 监听错误
onPageNotFound() 页面不存在

页面生命周期—Page()用于注册页面
onLoad() 监听页面加载
onReady() 监听页面初次渲染完成
onShow() 监听页面显示
onHide()监听页面隐藏
onUnload() 监听页面卸载
onPullDownRefresh() 监听用户下拉动作
onReachBottom () 监听页面上拉触底事件的处理函数
onShareAppMessage() 用户点击右上角转发
onPageScroll() 页面滚动
onResize() 页面尺寸改变
onTabItemTap() 当前为tab页时,点击tab页

uniapp生命周期

全局生命周期----仅在App.vue中监听,其他页面无效
onLaunch() 监听uni-app初始化,全局只执行一次
onShow() 监听uni-app显示
onHide()监听uni-app隐藏,进入后台
onError() 监听错误
onUniNViewMwssage() 对nvue页面发送数据进行监听

页面生命周期
onLoad() 监听页面加载
onShow() 监听页面显示
onReady() 监听页面初次渲染完成
onHide() 监听页面隐藏
onUnload() 监听页面卸载
onResize() 监听窗口尺寸变化 App、微信小程序
onPullDownRefresh() 监听用户下拉动作
onReachBottom() 监听页面滚动到底部
onTabItemTap() 点击tab时触发
onNavigationBarButtonTap() 监听原生标题栏按钮点击事件
onBackPress ()监听页面返回 安卓的物理返回键
onNavigationBarSearchInputChanged ()监听原生标题栏搜索输入框输入内容变化事件
onNavigationBarSearchInputConfirmed()监听原生标题栏搜索输入框搜索事件,用户点击软键盘上的搜索按钮时触发。
onNavigationBarSearchInputClicked ()监听原生标题栏搜索输入框点击

组件生命周期
beforeCreate() 组件创建之前 作用是为实例事件的初始化和生命周期做准备
数据和真实DOM都拿不到
created() 组件创建结束 数据的初始化 可以进行数据的操作
数据拿得到,但真实DOM拿不到
beforeMount() 即将挂载 生产vDOM 可以进行数据的操作
数据拿得到,但真实DOM拿不到
mounted() 挂载结束 真实DOM产生 可以进行数据的操作
数据拿得到,真实DOM拿得到 数据的请求和修改,只能做些静态数据的第三方实例化

beforeUpdate() 即将更新 监听data中数据是否发生变化
updated() 更新完成 真实DOM

beforeDestory() 即将销毁
destoryed() 销毁结束
----清除一些无法自动清除的东西

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值