本文详细探讨了Vue2的生命周期，包括beforeCreate、created、beforeMount、mounted等各阶段的功能与执行顺序。讨论了在created中获取DOM、请求的最佳实践，以及在不同生命周期中发送请求的考虑因素。此外，还解释了keep-alive组件如何影响生命周期，并举例说明了生命周期在实际场景中的应用，如数据请求、DOM操作和组件缓存。
文章目录
1. 生命周期有哪些
八个生命周期分别为：
- beforeCreate
- created
- beforeMount
- mounted
- beforeUpdate
- updated
- beforeDestory
- destoryed
1.1 一旦进入组件会执行哪些生命周期
会执行前四个生命周期，前两个生命周期是创建前后（此时还没有操作dom），后两个是挂载前后
- beforeCreate
- created
- beforeMount
- mounted
此时得出的结论就是在beforeCreate 既没有数据也没有dom，created 有数据，beforeMounte 有数据，mounted 既有数据又有dom。
1.2 父组件引入子组件，那么生命周期的执行顺序是
此时是直接在html文件中通过component新建一个组件，没有用vue脚手架创建项目进行实现父组件引入子组件。
从执行顺序可以看出，先将父组件的数据准备好，如果子组件需要，也可以将数据传给子组件，然后子组件的数据处理以及dom构建，最后执行父组件的dom
此时声明周期的执行顺序就是&
最低0.47元/天 解锁文章
扫一扫
668
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
