vue面试题及答案【集合目录】

淡淡的烟草味﹌ 2024-03-26 23:56 154阅读 0赞

![在这里插入图片描述][12884df5b2124a4f8f19e0eb0606ea27.png_pic_center]

前言： 欢迎浏览和关注本专栏《 [前端就业宝典][Link 1] 》， 不管是扭螺丝还是造火箭， 多学点知识总没错。 这个专栏是扭螺丝之上要造火箭级别的知识，会给前端工作学习的小伙伴带来意想不到的帮助。

> 本专栏将前端知识拆整为零，主要包含html、css、javascript、Vue、React、浏览器、计算机网络、前端性能优化、前端工程化、手写核心代码的一些面试题及答案等。

Vue 是一款用于构建用户界面的 JavaScript 框架。现在使用vue来做开发的公司很多，面试问题也五花八门，以下是一些问题的内容总结。

![在这里插入图片描述][8ddf1fc517da42d4a47960b9b9aabac9.png_pic_center]

每个题目解释持续更新中~~，已完成用**中点**作为标记，未完成的链接到vue面试题的目录集合页

### Vue的基本原理 ###

[怎样理解 Vue 的单向数据流？][Vue]  
[Class 与 Style 如何动态绑定？][Link 1]  
[双向数据绑定的原理][Link 1]  
[使用 Object.defineProperty() 来进行数据劫持有什么缺点？][Link 1]  
[MVVM、MVC、MVP的区别][Link 1]  
[Computed 和 Watch 的区别][Link 1]  
[Computed 和 Methods 的区别][Link 1]  
[slot是什么？有什么作用？原理是什么？][Link 1]  
[过滤器的作用，如何实现一个过滤器][Link 1]  
[如何保存页面的当前的状态][Link 1]  
[常见的事件修饰符及其作用][Link 1]  
[v-if、v-show、v-html 的原理][Link 1]  
[v-if和v-show的区别][Link 1]  
[v-model 是如何实现的，语法糖实际是什么？][Link 1]  
[v-model 可以被用在自定义组件上吗？如果可以，如何使用？][Link 1]  
[data为什么是一个函数而不是对象][Link 1]  
[对keep-alive的理解，它是如何实现的，具体缓存的是什么？][Link 1]  
[$nextTick 原理及作用][Link 1]  
[Vue 中给 data 中的对象属性添加一个新的属性时会发生什么？如何解决？][Link 1]  
[Vue中封装的数组方法有哪些，其如何实现页面更新][Link 1]  
[Vue 单页应用与多页应用的区别][Link 1]  
\[Vue template 到 render 的过程  
\[Vue data 中某一个属性的值发生改变后，视图会立即同步执行重新渲染吗？  
\[简述 mixin、extends 的覆盖逻辑  
\[描述下Vue自定义指令  
\[子组件可以直接改变父组件的数据吗？  
\[Vue是如何收集依赖的？  
\[对 React 和 Vue 的理解，它们的异同  
\[Vue的优点  
\[assets和static的区别  
\[delete和Vue.delete删除数组的区别  
\[vue如何监听对象或者数组某个属性的变化  
\[什么是 mixin ？  
\[Vue模版编译原理  
\[对SSR的理解  
\[Vue的性能优化有哪些  
\[对 SPA 单页面的理解，它的优缺点分别是什么？  
\[template和jsx的有什么分别？  
\[vue初始化页面闪动问题  
\[extend 有什么作用  
\[mixin 和 mixins 区别  
\[MVVM的优缺点?  
\[hash 模式的实现原理  
\[对虚拟DOM的理解？  
\[虚拟DOM的解析过程  
\[为什么要用虚拟DOM  
\[虚拟DOM真的比真实DOM性能好吗  
\[DIFF算法的原理  
\[Vue中key的作用  
\[为什么不建议用index作为key?  
\[Vue 组件间通信有哪几种方式？

#### Vue生命周期 ####

\[说一下Vue的生命周期  
\[Vue 子组件和父组件执行顺序  
\[created和mounted的区别  
\[一般在哪个生命周期请求异步数据  
\[keep-alive 中的生命周期哪些

#### Vue路由 ####

\[Vue-Router 的懒加载如何实现  
\[路由的hash和history模式的区别  
\[如何获取页面的hash变化  
\[route和route 和route和router 的区别  
\[如何定义动态路由？如何获取传过来的动态参数？  
\[Vue-router 路由钩子在生命周期的体现  
\[Vue-router跳转和location.href有什么区别  
\[params和query的区别  
\[Vue-router 导航守卫有哪些  
\[对前端路由的理解

#### Vuex ####

Vuex 的原理  
Vuex中action和mutation的区别  
Vuex 和 localStorage 的区别  
Redux 和 Vuex 有什么区别，它们的共同思想  
为什么要用 Vuex 或者 Redux  
Vuex有哪几种属性？  
Vuex和单纯的全局对象有什么区别？  
为什么 Vuex 的 mutation 中不能做异步操作？  
Vuex的严格模式是什么,有什么作用，如何开启？  
如何在组件中批量使用Vuex的getter属性  
如何在组件中重复使用Vuex的mutation

#### Vue 3.0 ####

\[Vue3.0有什么更新  
\[defineProperty和proxy的区别  
\[Vue3.0 为什么要用 proxy？  
\[Vue 3.0 中的 Vue Composition API？  
\[Composition API与React Hook很像，区别是什么

[12884df5b2124a4f8f19e0eb0606ea27.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/b7b7cec792734b41b394e8d5102e4b5b.png
[Link 1]: https://dajianshi.blog.csdn.net/article/details/133301296
[8ddf1fc517da42d4a47960b9b9aabac9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/848556d6f15c4b1fb8795a1ee004ef19.png
[Vue]: https://www.csdn.net/