2022年前端Vue常见面试题大全（三万长文）持续更新

目录

1.Vue和React有什么不同？使用场景分别是什么？

2.axios是什么？怎么使用它，怎么解决跨域？

3.说说Vue，React，angularjs，jquery的区别

4.什么阶段（生命周期）才能访问操作dom？为什么

5.组件中的data为什么是个函数？

6.说一说scoped样式隔离

7.v-if与v-show的区别？

8.什么是MVVM？

9.Vue修饰符有哪些？

10.函数式组件使用场景和原理

11.能说下 vue-router 中常用的路由模式实现原理吗？

12.GET和POST的区别

13.cookie和seesion区别

14.跨域的方法

15.Vue组件通信有哪些方式

16.Vue的优点是什么？

17.vue-loader是什么? ？使用它的用途有哪些？

18.你的接口请求一般放在哪个生命周期中？

19.说一下指令v-el的作用是什么？

20.说几种如何实现vue首屏加载优化的

21.请说出vue.cli项目中src目录每个文件夹和文件的用法？

22.$route和$router的区别

23.对于vue3.0特性你有什么了解吗？

24.虚拟DOM的优缺点

25.虚拟DOM实现原理

26.直接给一个数组项赋值，Vue能检测到变化吗？

27.简述原型与原型链，原型链的作用有哪些？

28.普通函数，箭头函数的区别

29.怎样理解Vue的单向数据流？

30.vue-router是什么？有哪些组件？

31.Vuex解决了什么问题？

32.什么时候用Vuex

33.Vuex中状态存储在那里？怎么改变它

34.Vue和JQuery的区别在哪？为什么放弃JQuery用Vue？

35.slot插槽

36.v-if和v-for为什么不建议一起使用？

37.vue初始化页面闪动问题 什么原因 怎么解决？

38.Vue的两个核心点

39.什么是闭包，用途有哪些？

40.组件间的通讯

41.Promise的作用

42.map与set的区别

43.构造函数与普通函数的区别

44.hash与history的区别

45.vue常用指令？

46.Vue父子组件的生命周期顺序

47.vue-router路由的两种模式

48.vue 中 keep-alive 组件的作用

49.v-show和v-if指令的共同点和不同点

50.Vue.extend 作用和原理

51.异步同步

52.Vue.set 方法原理

53.不用Vuex会带来什么问题？

54.对SSR有了解吗，它主要解决什么问题？

55.SSR优缺点？

56.Vuex 为什么要分模块

57.Vuex 页面刷新数据丢失怎么解决？

58.nextTick 使用场景和原理

59.页面渲染为什么使用 key？

60.VNode 是什么？虚拟 DOM 是什么？

61.setup组合api的优点

62.辅助函数的实现

63.Vuex响应式

64.Vue项目性能优化

65.vue-router 路由模式有几种？

66.vue生命周期钩子函数有哪些？

67.Vue. js有什么特点？

68.axios是什么？如何使用它？

69.?如何在 Vue. js中循环插入图片？

70.如何解决数据层级结构太深的问题

71.如何让CSS只在当前组件中起作用？

72.vue-router 是什么?它有哪些组件

73.在哪个生命周期内调用异步请求？为什么？优点？

74.computed 和 watch 的区别和运用的场景？

75.Vue 的父组件和子组件生命周期钩子函数执行顺序？

76.v-model 的原理？

77.vuex有哪几种属性

78.vuex 的 getter 特性是什么

79.vue2.x中如何监测数组变化

80.可以被vue拦截到的数组方法以及不能被拦截到的数组方法？

81.谈谈单页面（SPA）的理解？

82.谈谈你对 Vue 生命周期的理解？

83.Class 与 Style 如何动态绑定？

84.vue-router 路由钩子函数是什么？

85.Vue3.0 和 2.0 的响应式原理区别

86.axios和ajax的区别：

87.vue中解决跨域问题

88.vue的原理

89.watch、methods 和 computed 的区别?

90.webpack有哪些优点？

91.Vue生命周期钩子是如何实现的

92.Vue的双向数据绑定原理是什么？

93.在webpack中，为什么要打包发布？

94.路由守卫

95.SPA首屏加载速度慢的怎么解决？

96.Vue初始化过程中（new Vue(options)）都做了什么？

97.对MVVM的理解？

98.Vue数据双向绑定原理

99.Vue的响应式原理

100.Vue3.x响应式数据原理

101.Vue3.0 里为什么要用 Proxy API替代 defineProperty API？

102.Proxy 与 Object.defineProperty 优劣对比

103.vue中组件的data为什么是一个函数？而new Vue 实例里，data 可以直接是一个对象