https://www.bilibili.com/video/BV1ub4y1i78b?p=2 第五章 什么是 vue3 的生命周期
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240212115329081-1805440067.png)
https://www.bilibili.com/video/BV1ua4y1u7N8/
Vue 生命周期
created, mounted
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240211102902779-1922248525.png)
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240211102928448-1173457933.png)
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240211102955862-2071024134.png)
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240211103032453-1549335443.png)
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240211103136769-1344751129.png)
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240211103223065-411051911.png)
Created和 mounted的区别
Created:是在组件实例一旦创建完成的时候立即调用这时候页面dom节点并未生成
Mounted :是在页面dom节点渲染完毕之后就立即执行的created的触发时机要比mounted更早一些
两者的相同点都是可以拿到实例对象的属性和方法,但是如果放在mouted请求有可能导致页面闪动,但如果在页面加载完成则不会会出现此情况
Vue实例从创建到销毁的过程就是生命周期,既指从创建、初始化数据、编译模板、挂载DOM到渲染、更新渲染、销毁等一系列过程,他主要分为8个阶段,创建前后、载入前后、更新前后、销毁前、销毁后、以及一些特殊场景的生命周期
https://www.bilibili.com/video/BV1kr4y117yr
======================================
黑马程序员39期web前端-vue生命周期
https://www.bilibili.com/video/BV1sb411M7RT/
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240211114156699-2000607937.png)
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240211123510469-984549073.png)
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240211123944078-1031803422.png)
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240211125537297-1493824960.png)
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240211125900165-126457051.png)
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240211130124078-1307366314.png)
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240211123412879-2078824328.png)
![](https://img2024.cnblogs.com/blog/13318/202402/13318-20240211124149949-1419412758.png)
======================================
======================================
https://www.cnblogs.com/emanlee/p/16712687.html