作者:乌鸦_Hrt | 来源:互联网 | 2023-05-18 13:01
目录
- 一、什么是生命周期
- 二、生命周期函数
- 三、生命周期的流程
- 四、简单的生命周期代码
- 总结
一、什么是生命周期
每一个组件都可能经历从创建,挂载,更新,卸载的过程。
在这个过程中的某一个阶段,用于可能会想要添加一些属于自己的逻辑代码(比如组件创建完后就请求一些服务器数据)
但是我们如何知道目前组件正在哪一个过程中,vue给我们提供了组件的生命周期函数。
二、生命周期函数
生命周期函数是一个钩子函数,在某一个时间会被vue内部源码进行回调。
通过对生命周期函数的回调,我们知道目前组件正在经历什么阶段。
那么我们就可以在该声明周期中编写属于自己的逻辑代码了。
三、生命周期的流程
![在这里插入图片描述](https://img1.php1.cn/3cd4a/24cea/bdf/f32056c5b78e6fde.png)
四、简单的生命周期代码
![在这里插入图片描述](https://img1.php1.cn/3cd4a/24cea/bdf/ece0bb3248af353c.png)
![在这里插入图片描述](https://img1.php1.cn/3cd4a/24cea/bdf/4bbce7ae9ca7066c.png)
![在这里插入图片描述](https://img1.php1.cn/3cd4a/24cea/bdf/d00e325172000a35.png)
使用keep-alive
进行包裹组件时,可以打印出的结果为:
![在这里插入图片描述](https://img1.php1.cn/3cd4a/24cea/bdf/2867ca46546ad544.png)
总结
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程笔记的更多内容!