当前位置：首页 > news >正文

浅谈一些生命周期

news 2025/8/24 23:05:51

vue2生命周期

beforeCreate ：实例创建之初

created：组件已经创建完成

beforeMount：组件挂载之前

mounted:组件挂载之后

beforeUpdate：数据发生变化更新之前

undated：数据发生之后

beforeDestroy ：实例销毁前

destroyed ：销毁后

activated ：keep-alive 组件激活

deativated keep-alive 组件停用

注触发keep-alive 则不会触发销毁生命周期

vue3生命周期

beforeCreate ：实例创建之初

created：组件已经创建完成

beforeMount：组件挂载之前

mounted:组件挂载之后

beforeUpdate：数据发生变化更新之前

undated：数据发生之后

beforeUnmount：实例销毁前

unmounted：销毁后

uniapp的生命周期

1.应用生命周期

应用生命周期是指应用程序从启动到关闭的整个过程，包括应用程序的启动、前后台切换、退出等。Uniapp提供了以下生命周期钩子函数：

onLaunch：应用程序启动时触发，仅在应用程序第一次启动时触发。
onShow：应用程序进入前台时触发，可以获取到应用程序被打开的方式和场景值。
onHide：应用程序进入后台时触发。
onError：应用程序发生错误时触发，可以用来捕获和处理错误信息。
onUniNViewMessage：监听来自nvue页面的消息。

2.页面生命周期

页面生命周期是指页面从创建到销毁的整个过程，包括页面的创建、显示、隐藏和销毁等。Uniapp提供了以下生命周期钩子函数：

onInit：页面被初始化时触发，可以获取页面参数和数据。
onLoad：页面被加载时触发，可以进行数据初始化和网络请求等操作。
onReady：页面渲染完成时触发，可以进行页面动画和交互等操作。
onShow：页面被展示时触发，可以处理页面的显示效果和动画等操作。
onHide：页面被隐藏时触发，可以处理页面的隐藏效果和动画等操作。
onUnload：页面被销毁时触发，可以进行资源释放和清理等操作。

3.组件生命周期

组件生命周期是指组件从创建到销毁的整个过程，包括组件的创建、更新、销毁等。Uniapp提供了以下生命周期钩子函数：

beforeCreate：组件实例被创建之前触发，此时组件的数据和方法都还没有初始化。
created：组件实例被创建之后触发，此时组件的数据和方法已经初始化。
beforeMount：组件被渲染之前触发，此时组件还没有被渲染到页面上。
mounted：组件被渲染之后触发，此时组件已经被渲染到页面上。
beforeUpdate：组件数据更新之前触发，此时组件的数据还没有被更新。
updated：组件数据更新之后触发，此时组件的数据已经被更新。
beforeDestroy：组件实例被销毁之前触发，此时组件的数据和方法还可以访问。
destroyed：组件实例被销毁之后触发，此时组件的数据和方法已经无法访问。