前端面试题及答案2025 .pdfVIP

去留无意，闲看庭前花开花落；宠辱不惊，漫随天外云卷云舒。——《幽窗小记》

面试题

1vuex的五个状态

VueX是一个专门为Vue.js应用设计的状态管理架构，统一管理和维护各个vue组件的可变化

状态(你可以理解成vue组件里的某些data)。

Vue有五个核心概念，state,getters,mutations,actions,modules。

state=基本数据==data

getters=从基本数据派生的数据==computed

mutations=提交更改数据的方法，同步！==methods

actions=像一个装饰器，包裹mutations，使之可以异步。

modules=模块化Vuex

2vue周期(钩子函数)created可获取数据Mounted可操作DOM

Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲

染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到

销毁的过程，就是生命周期。

分为三个阶段：初始化、运行中、销毁。

beforeCreate：实例、组件通过newVue()创建出来之后会初始化事件和生命周期，然后就会执

行beforeCreate钩子函数，这个时候，数据还没有挂载呢，只是一个空壳，无法访问到数据和真实

的dom，一般不做操作

Created：挂载数据，绑定事件等等，然后执行created函数，这个时候已经可以使用到数据，也

可以更改数据,在这里更改数据不会触发updated函数，在这里可以在渲染前倒数第二次更改数据的

机会，不会触发其他的钩子函数，一般可以在这里做初始数据的获取

beforeMount：接下来开始找实例或者组件对应的模板，编译模板为虚拟dom放入到render函

数中准备渲染，然后执行beforeMount钩子函数，在这个函数中虚拟dom已经创建完成，马上就要

渲染,在这里也可以更改数据，不会触发updated，在这里可以在渲染前最后一次更改数据的机会，

不会触发其他的钩子函数，一般可以在这里做初始数据的获取

Mounted：接下来开始render，渲染出真实dom，然后执行mounted钩子函数，此时，组件已

经出现在页面中，数据、真实dom都已经处理好了,事件都已经挂载好了，可以在这里操作真实dom

等事情...

beforeUpdate：当组件或实例的数据更改之后，会立即执行beforeUpdate，然后vue的虚拟dom

机制会重新构建虚拟dom与上一次的虚拟dom树利用diff算法进行对比之后重新渲染，一般不做什

么事儿

Updated：当更新完成后，执行updated，数据已经更改完成，dom也重新render完成，可以操

作更新后的虚拟dom

beforeDestroy：当经过某种途径调用$destroy方法后，立即执行beforeDestroy，一般在这里做一

些善后工作，例如清除计时器、清除非指令绑定的事件等等

Destroyed：组件的数据绑定、监听...去掉后只剩下dom空壳，这个时候，执行destroyed，在这

里做善后工作也可以

钩子函数的的实际应用

beforecreate:举个栗子：可以在这加个loading事件

created：在这结束loading，还做一些初始化，实现函数自执行

mounted：在这发起后端请求，拿回数据，配合路由钩子做一些事情

beforeDestroy：你确认删除XX吗？destroyed：当前组件已被删除，清空相关内容

士不可以不弘毅，任重而道远。仁以为己任，不亦重乎?死而后已，不亦远乎?——《论语》

3cookie、localstroge、localS