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 模式的实现原理
• 说一下 $\text{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 应用如何优化首屏加载速度?

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 选项有哪些好处