Vue面试题

光影博客收录的Vue面试题高频题与参考解析，搜索时也会写成Vue3面试题、Vue八股、Vue3响应式。下面是站内已有题目，可继续在面试题里按这个词刷。

在面试题中打开共 6 道，本页展示 6 道

1. Vue3 响应式原理和 Vue2 有什么不同？

   Vue · 中等

   Vue2 用 defineProperty 劫持 getter/setter（无法检测新增/删除）；Vue3 用 Proxy 代理整个对象，支持所有操作和 Map/Set，懒代理性能更好。

2. computed 与 watch 有什么区别？

   Vue · 简单

   computed 基于依赖缓存，不变时返回缓存值，适合派生数据；watch 数据变化时执行副作用，适合异步请求/DOM 操作。需要返回值用 computed，执行操作用 watch。

3. Vue 组件间有哪些通信方式？

   Vue · 中等

   props/$emit 父子通信、provide/inject 跨层级、Pinia 全局状态、mitt 事件总线、$attrs 透传、ref/expose 父调子方法。简单场景 props/emit，全局用 Pinia。

4. nextTick 的原理和用法是什么？

   Vue · 中等

   nextTick 在 DOM 更新后执行回调。Vue 异步更新队列，数据变化不会立即更新 DOM。源码用 Promise.then > MutationObserver > setImmediate > setTimeout 降级。

5. keep-alive 的缓存原理是什么？

   Vue · 困难

   keep-alive 通过缓存 VNode 和组件实例避免重复渲染。include/exclude 控制缓存范围，max 限制数量（LRU 淘汰）。activated/deactivated 替代 mounted/unmounted。

6. 如何开发 Vue 自定义指令？

   Vue · 中等

   通过 created/mounted/updated/unmounted 钩子操作 DOM。常见场景：v-loading、v-permission、v-clickoutside。Vue3 中钩子名称与组件生命周期对齐。