Vue3的生命周期包括以下几个阶段:

  1. beforeCreate: 组件实例被创建之前调用,此时组件的 datamethods 等选项都未被初始化。

  2. created: 组件实例被创建完成后调用,此时组件的 datamethods 等选项已经被初始化,但是组件还未挂载到页面上。

  3. beforeMount: 组件挂载到页面之前调用,此时组件的模板已经编译完成,但是还未被渲染成真实的 DOM。

  4. mounted: 组件挂载到页面之后调用,此时组件的模板已经被渲染成真实的 DOM,可以进行 DOM 操作和数据绑定。

  5. beforeUpdate: 组件更新之前调用,此时组件的数据已经发生了变化,但是还未更新到页面上。

  6. updated: 组件更新之后调用,此时组件的数据已经更新到页面上,可以进行 DOM 操作和数据绑定。

  7. beforeUnmount: 组件卸载之前调用,此时组件还在页面上,但是即将被卸载。

  8. unmounted: 组件卸载之后调用,此时组件已经被从页面上卸载,不再存在于页面上。

说出vue3的生命周期

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

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