2024年最新vue 框架学习（3）-生命周期(1)，2024国内知名大厂Web前端岗面经

最后

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

const app = new Vue({

el: “#app1”,

data: {

message: “hello vue”

}

})

我把这个对象放出来，这样会看得更加明显一点，其实就是一个传参obj，只是这个传参的对象里的值有很多很多给自己选择，而对象里的值就是Vue的选项

var obj = {

el: “#app1”,

data: {

message: “hello vue”

}

}

const app = new Vue(obj)

3.2 选项值有那些

可以去看一下官网的选项API，那么多的选项值，我们也不用记那么多，也记不住那么多，我只要记得几个常用的就好了，不会的再去查一下就好了。

#el

类型：string Element

限制：只在用 new 创建实例时生效。

#data

类型：Object Function

限制：组件的定义只接受 function。

#methods

类型：{ [key: string]: Function }

详细：methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用方法中的 this 自动绑定为 Vue 实例。

#生命周期钩子

函数名称：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、activated 、deactivated、beforeDestroy、destroyed、errorCaptured

四、Vue生命周期

---

4.1 生命周期图解

Vue的生命周期从开始创建,初始化数据,编译模板,挂载Dom 渲染→更新→渲染→销毁（网上找的图片）

4.2生命周期的钩子函数

| 钩子 | 说明 |

| — | :-- |

| beforeCreate | 在实例初始化之后，数据观测和event/watcher时间配置之前被调用。这个时候，this变量还不能使用，data下的数据，和methods下的方法，watcher中的事件都不能获得到； console.log(this.page); // undefined |

| created | 实例已经创建完成之后被调用。在这一步，实例已经完成以下的配置：数据观测，属性和方法的运算watch/event事件回调。然而，挂载阶段还没开始，$el属性目前不可见。这个时候可以操作vue实例中的数据和各种方法，但是还不能对"dom"节点进行操作；

let btn = document.querySelector('button')console.log(btn.innerText) //此时找不到button节点，打印不出来button的值 |

| beforeMount | |

| mounted | 这个时候挂载完毕，这时dom节点被渲染到文档内，一些需要dom的操作在此时才能正常进行。注意： mounted在整个实例的生命周期中只执行一次。

let btn = document.querySelector('button')console.log(btn.innerText) //此时找不到button节点，打印不出来button的值 |

| beforeUpdate | 数据更新之前操作 |

| updated | 由于数据更改导致的虚拟DOM重新渲染和打补丁，在这之后会调用该钩子。当这个钩子被调用时，组件DOM已经更新，所以你现在可以执行依赖于DOM的操作。然而在大多数情况下，你应该避免在此期间更改状态，因为这可能会导致更新无限循环。 |

总结一下

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

JavaScript

性能

linux

前端资料汇总

前端工程师岗位缺口一直很大，符合岗位要求的人越来越少，所以学习前端的小伙伴要注意了，一定要把技能学到扎实，做有含金量的项目，这样在找工作的时候无论遇到什么情况，问题都不会大。

前端资料汇总

前端工程师岗位缺口一直很大，符合岗位要求的人越来越少，所以学习前端的小伙伴要注意了，一定要把技能学到扎实，做有含金量的项目，这样在找工作的时候无论遇到什么情况，问题都不会大。