在 Vue3 中,生命周期钩子函数的名称和顺序发生了变化,具体的生命周期钩子函数如下:

  1. beforeCreate:在实例初始化之后,数据观测和事件配置之前被调用。

  2. created:在实例创建完成之后被调用,此时实例已完成数据观测、属性和方法的运算,但尚未挂载到页面上。

  3. beforeMount:在挂载开始之前被调用,即将开始编译模板并将其插入到页面中。

  4. mounted:在挂载完成之后被调用,此时已经将实例挂载到页面上,并完成了模板的编译。

  5. beforeUpdate:在更新开始之前被调用,即将重新渲染虚拟 DOM。

  6. updated:在更新完成之后被调用,此时组件已经更新完毕,DOM 也已经更新。

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

  8. unmounted:在实例销毁之后被调用,此时组件已经被销毁,DOM 也已经被卸载。

vue3的生命周期有哪些

原文地址: https://www.cveoy.top/t/topic/eGsS 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录