本文详细介绍了Vue.js中的关键生命周期钩子，包括beforeCreate、created、beforeMount、mounted、beforeUpdate和updated，解释了在不同阶段数据和DOM的变化情况。还提及了一个前端开发者分享的学习资源包，旨在帮助自学者系统学习前端开发。
销毁前/后：在执行destroy方法后，对data的改变不会再触发周期函数，说明此时vue实例已经解除了
事件监听以及和dom的绑定，但是dom结构依然存在
2.1 beforeCreate（创建前）
此阶段为初始化之后，此书的数据观察和事件机制都没形成，不能获得DOM节点。刚刚new Vue()之后，这个时候，数据还没有挂载呢，只是一个空壳。
获取不到data里的数据，，method是、computed等设置的方法都不用用，获取不到template中设置的dom。
2.2 created（创建后）
此阶段vue实例已经创建，仍然不能获取DOM元素。这个时候已经可以使用到数据，也可以更改数据,在这里更改数据不会触发updated函数。接下来开始找实例或者组件对应的模板，编译模板为虚拟dom放入到render函数中准备渲染
可以获取到data里的数据，可以更改data的数据，获取不到template中设置的dom，可以调用methods里的方法，可以获取computed中的计算属性
2.3 beforeMount（载入前）
此阶段，仍然得不到具体的DOM元素，但vue挂载的根节点已经创建，相关的render函数首次被调用（虚拟DOM），下面vue对DOM的操作将围绕根元素继续进行。实例已经完成如下配置：编译模板，把data里面的数据和模板生成HTNL，完成了二el、data初始化，此时还没有挂载html页面上。
2.4 mounted（载入后）
此阶段数据和vue单个文件DOM都已经被渲染出来，即模板中的HTML渲染到HTML页面中，一般异步请求都是在这里执行。mounted只会执行一次。
2.5 beforeUpdate（更新前）
此阶段，vue遵循数据驱动DOM的原则；beforeUpdate函数在数据更新后虽然没有立即更新数据，但DOM中的数据会改变，这是VUE双向数据绑定的作用。
2.6 updated（更新后）
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
算法
-
冒泡排序
-
选择排序
-
快速排序
-
二叉树查找: 最大值、最小值、固定值
-
二叉树遍历
-
二叉树的最大深度
-
给予链表中的任一节点，把它删除掉
-
链表倒叙
-
如何判断一个单链表有环
由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！
图片转存中…(img-98RobFLs-1711799611097)]
由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！
扫一扫
613
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
