本文共 682 字，大约阅读时间需要 2 分钟。

一、Vue基础面试题（附答案）

1. keep-alive 组件有什么作用？

keep-alive 是 Vue 的内置组件，主要用于缓存不活动的组件。它可以防止组件在切换时被销毁，保留组件的状态以备后用。该组件支持通过 include 和 exclude 属性进行组件名匹配，支持字符串或正则表达式。匹配到的组件会被缓存，而排除匹配的则不会。组件在切换时不会被销毁，分别拥有 actived 和 deactived 生命周期钩子，用于处理切换状态。

2. 说下 vue 生命周期钩子函数？

Vue 实例的生命周期分为三个阶段，每个阶段都有特定的生命周期钩子可用。所有钩子函数都绑定到当前实例上下文，因此不能使用箭头函数定义钩子函数。

生命周期图示：

阶段一：实例创建阶段

• beforeCreate：实例刚创建，this 变量不可用，数据和方法未初始化。
• created：实例创建完成，数据和方法初始化，但模板未编译，无法操作 dom。
• beforeMount：编译模板生成虚拟 dom，数据未挂载到页面。
• mounted：模板编译完成，虚拟 dom 渲染为真实 dom，数据渲染到页面。

阶段二：实例运行阶段

• beforeUpdate：数据改变或 $forceUpdate 强制刷新时，数据更改但尚未渲染 dom。
• update：数据已更新，页面已重新渲染。

阶段三：实例销毁阶段

• beforeDestroy：实例销毁前可用，适合清理资源。
• destroyed：实例销毁，清除观察者、子组件和事件监听。

转载地址：http://hnak.baihongyu.com/