温馨提示×

uniapp的生命周期执行顺序是什么

小亿
210
2024-01-04 23:31:37
栏目: 编程语言

uni-app 的生命周期执行顺序如下:

  1. beforeCreate:在实例初始化之后,数据观测(data observer)和事件配置(event/watch)之前被调用。

  2. created:在实例创建完成后被调用,此时实例已完成数据观测(data observer),属性和方法的运算,但还没有挂载(mounted)到DOM中。

  3. beforeMount:在实例挂载之前被调用,即将开始编译模板,并将模板中的数据替换为实际数据(data)。

  4. mounted:在实例挂载完成后被调用,此时实例已经被挂载到DOM中,可以进行DOM操作。

  5. beforeUpdate:在响应式数据更新之前被调用,发生在虚拟DOM重新渲染和打补丁之前。

  6. updated:在虚拟DOM重新渲染和打补丁之后被调用,此时组件已经更新完成,可以进行操作。

  7. beforeDestroy:在实例销毁之前被调用,此时实例仍然完全可用。

  8. destroyed:在实例销毁之后被调用,此时实例所有的指令和观察者都已被解绑,所有的事件监听器都已被移除。

需要注意的是,以上生命周期钩子函数在使用 uni-app 编写的小程序、H5、App、微信小程序和支付宝小程序中会有些许差异,具体可以根据实际开发需求进行调整。

0