前端vue经典面试题78道（重点详细简洁）

目录

1.自我介绍

2.vue面试题

1.v-show和v-if区别的区别：

2.为何v-for要用key

3.描述vue组件声明周期mm

单组件声明周期图

?父子组件生命周期图

4.vue组件如何通信

5.描述组件渲染和更新的过程

1、vue 组件初次渲染过程

2、vue 组件更新过程

6.双向数据绑定v-model的实现原理

7.对mvvm的理解

8.computed有何特性

9.VUE 中如何封装组件？什么组件，为什么要封装组件？组件中 data 为什么是一个函数？

???为什么要封装组件？

什么是组件？

10.ajax请求应该放在哪个生命周期？

11.如何将组件所有props传递给子组件？

12.如何自定实现v-model?

13.多个组件有相同逻辑，如何抽离？

14.何时要使用异步组件？

15.何时使用keep-alive？

16.何时使用beforeDestroy？

17.什么是作用域插槽？

18.vuex中action和mutation有何区别？

19.vue-router常用路由模式

20.如何配置vue-router异步加载

21.请用vnode描述一个dom结构

22.监听data变化的核心api是什么？

23.vue如何监听数据变化？

24.请描述响应式原理？

25.简述diff算法过程（了解）

26.vue为何是异步渲染，$nextTick何用？

27.vue常见性能优化方式？

1.合理使用v-if和v-show，

2.合理使用computed，

3.v-for加key，

4.自定义事件，dom事件及时销毁，

5.合理使用异步组件，

6.合理使用keepalive，

7.data层级不要太深，

8.使用vue-loader在开发环境做模板编译，

9.前端通用性能优化（如图片懒加载/减少 HTTP请求数/合理设置 HTTP缓存/资源合并与压缩/合并 CSS图片/将 CSS放在 head中/避免重复的资源请求/切分到多个域名），

10.使用ssr

28、VUEX 是什么？怎么使用？那种场合能用？

29、vue 的指令用法

30、vue.js的两个核心是什么？

31.vue中子组件调用父组件的方法?

32.vue中父组件调用子组件的方法?

33.vue页面级组件之间传值?

34.说说vue的动态组件。

35.$route和 $router的区别是什么？

36.为什么使用vue开发？

37.vue和react 有什么区别？

38.Vuex和Redux的区别

mvvm和mvc理解 与区别？

39.说一下vue的生命周期/钩子函数都有哪些？

40.双向数据绑定的理解？

41.vue组件中data为什么函数返回一个对象

42.vue中哪些数组方法可以直接对数组修改实现视图更新

43.有哪些指令？v-if和v-show区别，v-if、v-for优先级

44.v-for中key 的作用

45.使用过keep-alive吗

46.computed、watch（自动监听、深度监听）、methods区别

47.vue中对象更改检测的注意事项

48.什么是$nextTick？

49.ref 的作用？

50.什么是vuex？vuex核心包括？怎么修改state中数据？在项目中哪里使用？

51.