uni-app 3种生命周期的区别

在阅读uni-app的文档中，我发现了文章中所说明的3中生命周期：VUE生命周期应用生命周期页面生命周期VUE生命周期相比大家都很熟悉了，我们只简单区分应用生命周期和页面生命周期详见Vue官网文档：VUE生命周期图示应用生命周期 uni-app支持如下生命周期函数onLaunch初始化触发（仅一次）onShow...

爱萝莉的死肥宅

3788人浏览 · 2019-07-30 09:33:48

爱萝莉的死肥宅 · 2019-07-30 09:33:48 发布

在阅读uni-app的文档中，我发现了文章中所说明的3中生命周期：

VUE生命周期
应用生命周期
页面生命周期

VUE生命周期相比大家都很熟悉了，我们只简单区分应用生命周期和页面生命周期

详见Vue官网文档：VUE生命周期图示

应用生命周期 uni-app支持如下生命周期函数

onLaunch              初始化触发（仅一次）

onShow                从后台进入前台显示

onHide                从前台进入后台

onUniNViewMessage     对nuve页面发送的数据进行监听

重点主要应用生命周期仅在App.vue中监听

相对于页面生命周期的话应用就显得少的可怜了页面生命周期详情

简单来说应用应用生命周期是用于监听整个app或者说整个页面启动或者某些活动状态改变是会使用到的监听函数

而页面生命周期和Vue生命周期可以合并在一起不用的钩子可以在不同的情况下使用在文档中都有相对应的而结实

总结一下就是

页面生命周期是监听APP或者页面进入时的情况

Vue生命周期和页面生命周期，都是对一个页面中的状态的监听

注意：

Vue生命周期中的created 可以替换为页面生命周期中的onLoad

mouted 可以替换为页面生命周期中的onReady

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^