vue3 生命周期

Posted 2023-05-06

参考技术A

组件的生命周期 指的是：组件从 创建 —— 运行 （渲染）—— 销毁 的整个过程，强调的是一个 时间段 。

vue框架 为组件 内置了 不同时刻的 生命周期函数 ，生命周期函数会 伴随着 组件的运行而 自动调用 。

LifeCycle.vue

App.vue

当组件的 data数据更新 之后，vue会 自动重新渲染组件 的DOM结构，从而保证 View视图 展示的数据与 Model数据源 保持一致。

当组件被 重新渲染完毕 后，会自动调用updated生命周期函数

注意：在实际开发中， created 是 最常用的 生命周期函数

https://v3.cn.vuejs.org/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E9%92%A9%E5%AD%90

Vue的生命周期

参考技术A vue生命周期，又叫生命周期钩子函数，是组件从创建到销毁的过程。
下面是 vue官网 的vue生命周期图：