vue笔面试题汇总

vue笔面试题汇总（无答案版）

# Vue 面试题相关

# 1. **谈一谈对 MVVM 的理解？**

# 2. **说一下 Vue 的优点**

# 3. **解释一下对 Vue 生命周期的理解**

什么是 vue 生命周期
vue 生命周期的作用是什么
vue 生命周期有几个阶段
第一次页面加载会触发哪几个钩子
DOM 渲染在哪个周期就已经完成
多组件（父子组件）中生命周期的调用顺序说一下

# 4. Vue 实现双向数据绑定原理是什么？

# 5. **说一下对 Vue2.x 响应式原理的理解**

# 6. **说一下在 Vue2.x 中如何检测数组的变化？**

# 7. Vue3.x 响应式数据

Vue3.x 响应式数据原理是什么？
Proxy 只会代理对象的第一层，那么 Vue3 又是怎样处理这个问题的呢？
监测数组的时候可能触发多次 get/set，那么如何防止触发多次呢？

# 8. v-model 双向绑定的原理是什么？

# 9. vue2.x 和 vuex3.x 渲染器的 diff 算法分别说一下？

# 10. vue 组件的参数传递

解释一下父组件与子组件传值实现过程
非父子组件的数据传递，兄弟组件传值是如何实现的

# 11. Vue 的路由实现

解释 hash 模式和 history 模式的实现原理
说一下 $router 与 $route 的区别
vueRouter 有哪几种导航守卫？
解释一下 vueRouter 的完整的导航解析流程是什么

# 12. ***vuex* 是什么？怎么使用它？什么场景下我们会使用到 *vuex***

# 13. **说一下 v-if 与 v-show 的区别**

# 14. **如何让 CSS 值在当前的组件中起作用**

# 15. keep-alive 相关

keep-alive 的实现原理是什么
与 keep-alive 相关的生命周期函数是什么，什么场景下会进行使用
keep-alive 的常用属性有哪些

# 16. Vue 中如何进行组件的使用？Vue 如何实现全局组件的注册？

# 17. vue-cli 工程相关

构建 vue-cli 工程都用到了哪些技术？他们的作用分别是什么？
vue-cli 工程常用的 npm 命令有哪些？

# 18. nextTick 的作用是什么？他的实现原理是什么？

# 19. **说一下 Vue SSR 的实现原理**

# 20. Vue 组件的 data 为什么必须是函数

# 21. **说一下 Vue 的 computed 的实现原理**

# 22. **说一下 Vue complier 的实现原理是什么样的？**

# 23. vue 如何快速定位那个组件出现性能问题的

# 24. Proxy 相比 defineProperty 的优势在哪里

# 25. Vue 与 Angular 以及 React 的区别是什么？

# 26. **说一下 watch 与 computed 的区别是什么？以及他们的使用场景分别是什么？**

# 27. scoped 是如何实现样式穿透的？

# 28. **说一下 ref 的作用是什么？**

# 29. **说一下你知道的 vue 修饰符都有哪些？**

# 30. **如何实现 vue 项目中的性能优化？**

# 31. Vue.extend 和 Vue.component 的区别是什么？

# 32. vue 中的 spa 应用如何优化首屏加载速度?

# 34. **既然 Vue 通过数据劫持可以精准探测数据变化，为什么还需要虚拟 DOM 进行 diff 监测差异？**

# 35. Vue 为什么没有类似于 React 中 shouldComponentUpdate 的生命周期？

# 36. Vue 中的 Key 的作用是什么？

# 37. 你的接口请求一般放在哪个生命周期中？为什么要这样做？

# 38. **说一下你对 vue 事件绑定原理的理解？**

# 39. **说一下 vue 模版编译的原理是什么**

# 40. delete 和 Vue.delete 删除数组的区别是什么？

# 41. v-on 可以实现监听多个方法么？

# 42. vue 的数据为什么频繁变化但只会更新一次？

# 43. **说一下 vue 中 computed 和 methods 的区别是什么？**

# 44. **在 Vue 中要获取当前时间你会放到 computed 还是 methods 里？(抖音直播)**

# 45. **在给 vue 中的元素设置 key 值时可以使用 Math 的 random 方法么？**

vue笔面试题汇总（无答案版）

# Vue 面试题相关

# 1. 谈一谈对 MVVM 的理解？

# 2. 说一下 Vue 的优点

# 3. 解释一下对 Vue 生命周期的理解

# 4. Vue 实现双向数据绑定原理是什么？

# 5. 说一下对 Vue2.x 响应式原理的理解

# 6. 说一下在 Vue2.x 中如何检测数组的变化？

# 7. Vue3.x 响应式数据

# 8. v-model 双向绑定的原理是什么？

# 9. vue2.x 和 vuex3.x 渲染器的 diff 算法分别说一下？

# 10. vue 组件的参数传递

# 11. Vue 的路由实现

# 12. vuex 是什么？怎么使用它？什么场景下我们会使用到 vuex

# 13. 说一下 v-if 与 v-show 的区别

# 14. 如何让 CSS 值在当前的组件中起作用

# 15. keep-alive 相关

# 16. Vue 中如何进行组件的使用？Vue 如何实现全局组件的注册？

# 17. vue-cli 工程相关

# 18. nextTick 的作用是什么？他的实现原理是什么？

# 19. 说一下 Vue SSR 的实现原理

# 20. Vue 组件的 data 为什么必须是函数

# 21. 说一下 Vue 的 computed 的实现原理

# 22. 说一下 Vue complier 的实现原理是什么样的？

# 23. vue 如何快速定位那个组件出现性能问题的

# 24. Proxy 相比 defineProperty 的优势在哪里

# 25. Vue 与 Angular 以及 React 的区别是什么？

# 26. 说一下 watch 与 computed 的区别是什么？以及他们的使用场景分别是什么？

# 27. scoped 是如何实现样式穿透的？

# 28. 说一下 ref 的作用是什么？

# 29. 说一下你知道的 vue 修饰符都有哪些？

# 30. 如何实现 vue 项目中的性能优化？

# 31. Vue.extend 和 Vue.component 的区别是什么？

# 32. vue 中的 spa 应用如何优化首屏加载速度?

# 33. 移动端如何实现一个比较友好的 header 组件

# 34. 既然 Vue 通过数据劫持可以精准探测数据变化，为什么还需要虚拟 DOM 进行 diff 监测差异 ？

# 35. Vue 为什么没有类似于 React 中 shouldComponentUpdate 的生命周期？

# 36. Vue 中的 Key 的作用是什么？

# 37. 你的接口请求一般放在哪个生命周期中？为什么要这样做？

# 38. 说一下你对 vue 事件绑定原理的理解？

# 39. 说一下 vue 模版编译的原理是什么

# 40. delete 和 Vue.delete 删除数组的区别是什么？

# 41. v-on 可以实现监听多个方法么？

# 42. vue 的数据为什么频繁变化但只会更新一次？

# 43. 说一下 vue 中 computed 和 methods 的区别是什么？

# 44. 在 Vue 中要获取当前时间你会放到 computed 还是 methods 里？(抖音直播)

# 45. 在给 vue 中的元素设置 key 值时可以使用 Math 的 random 方法么？

# 46. 插槽与作用域插槽的区别是什么？

# 47. vue 中相同逻辑如何进行抽离？

# 48. 如何监听 pushstate 和 replacestate 的变化呢？

# 49. 说一下 vue3.0 是如何变得更快的？

# 50. 说一说自定义指令有哪些生命周期？

# 51. 说一说相比 vue3.x 对比 vue2.x 变化

# 52. vue 为什么采用异步渲染

# 53. 组件中写 name 选项有哪些好处

# 1. **谈一谈对 MVVM 的理解？**

# 2. **说一下 Vue 的优点**

# 3. **解释一下对 Vue 生命周期的理解**

# 5. **说一下对 Vue2.x 响应式原理的理解**

# 6. **说一下在 Vue2.x 中如何检测数组的变化？**

# 12. ***vuex* 是什么？怎么使用它？什么场景下我们会使用到 *vuex***

# 13. **说一下 v-if 与 v-show 的区别**

# 14. **如何让 CSS 值在当前的组件中起作用**

# 19. **说一下 Vue SSR 的实现原理**

# 21. **说一下 Vue 的 computed 的实现原理**

# 22. **说一下 Vue complier 的实现原理是什么样的？**

# 26. **说一下 watch 与 computed 的区别是什么？以及他们的使用场景分别是什么？**

# 28. **说一下 ref 的作用是什么？**

# 29. **说一下你知道的 vue 修饰符都有哪些？**

# 30. **如何实现 vue 项目中的性能优化？**

# 33. **移动端如何实现一个比较友好的 header 组件**

# 34. **既然 Vue 通过数据劫持可以精准探测数据变化，为什么还需要虚拟 DOM 进行 diff 监测差异？**

# 38. **说一下你对 vue 事件绑定原理的理解？**

# 39. **说一下 vue 模版编译的原理是什么**

# 43. **说一下 vue 中 computed 和 methods 的区别是什么？**

# 44. **在 Vue 中要获取当前时间你会放到 computed 还是 methods 里？(抖音直播)**

# 45. **在给 vue 中的元素设置 key 值时可以使用 Math 的 random 方法么？**

# 48. **如何监听 pushstate 和 replacestate 的变化呢？**

# 49. **说一下 vue3.0 是如何变得更快的？**