【面试题】金九银十,你准备好面试了吗? (30w字前端面试题总结)(VUE)

简介: 【面试题】金九银十,你准备好面试了吗? (30w字前端面试题总结)(VUE)

一、Vue 基础

  1. Vue的基本原理
  2. 双向数据绑定的原理
  3. 使用 Object.defineProperty() 来进行数据劫持有什么缺点?
  4. MVVM、MVC、MVP的区别
  5. Computed 和 Watch 的区别
  6. Computed 和 Methods 的区别
  7. slot是什么?有什么作用?原理是什么?
  8. 过滤器的作用,如何实现一个过滤器
  9. 如何保存页面的当前的状态
  10. 常见的事件修饰符及其作用
  11. v-if、v-show、v-html 的原理
  12. v-if和v-show的区别
  13. v-model 是如何实现的,语法糖实际是什么?
  14. v-model 可以被用在自定义组件上吗?如果可以,如何使用?
  15. data为什么是一个函数而不是对象
  16. 对keep-alive的理解,它是如何实现的,具体缓存的是什么?
  17. $nextTick 原理及作用
  18. Vue 中给 data 中的对象属性添加一个新的属性时会发生什么?如何解决?
  19. Vue中封装的数组方法有哪些,其如何实现页面更新
  20. Vue 单页应用与多页应用的区别
  21. Vue template 到 render 的过程
  22. Vue data 中某一个属性的值发生改变后,视图会立即同步执行重新渲染吗?
  23. 简述 mixin、extends 的覆盖逻辑
  24. 描述下Vue自定义指令
  25. 子组件可以直接改变父组件的数据吗?
  26. Vue是如何收集依赖的?
  27. 对 React 和 Vue 的理解,它们的异同
  28. Vue的优点
  29. assets和static的区别
  30. delete和Vue.delete删除数组的区别
  31. vue如何监听对象或者数组某个属性的变化
  32. 什么是 mixin ?
  33. Vue模版编译原理
  34. 对SSR的理解
  35. Vue的性能优化有哪些
  36. 对 SPA 单页面的理解,它的优缺点分别是什么?
  37. template和jsx的有什么分别?
  38. vue初始化页面闪动问题
  39. extend 有什么作用
  40. mixin 和 mixins 区别
  41. MVVM的优缺点?

二、生命周期

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

三、组件通信

  1. 组件通信的方式

四、路由

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

五、Vuex

  1. Vuex 的原理
  2. Vuex中action和mutation的区别
  3. Vuex 和 localStorage 的区别
  4. Redux 和 Vuex 有什么区别,它们的共同思想
  5. 为什么要用 Vuex 或者 Redux
  6. Vuex有哪几种属性?
  7. Vuex和单纯的全局对象有什么区别?
  8. 为什么 Vuex 的 mutation 中不能做异步操作?
  9. Vuex的严格模式是什么,有什么作用,如何开启?
  10. 如何在组件中批量使用Vuex的getter属性
  11. 如何在组件中重复使用Vuex的mutation 六、Vue 3.0
  12. Vue3.0有什么更新
  13. defineProperty和proxy的区别
  14. Vue3.0 为什么要用 proxy?
  15. Vue 3.0 中的 Vue Composition API?
  16. Composition API与React Hook很像,区别是什么

七、虚拟DOM

  1. 对虚拟DOM的理解?
  2. 虚拟DOM的解析过程
  3. 为什么要用虚拟DOM
  4. 虚拟DOM真的比真实DOM性能好吗
  5. DIFF算法的原理
  6. Vue中key的作用
  7. 为什么不建议用index作为key?

(2)思维导图

下图对Vue面试题的考察频率进行了大致的区分,可以选择性的学习:

(3)答案解析

vue答案解析地址:前端面试题库

相关文章
|
4月前
|
JavaScript 前端开发 应用服务中间件
【Vue面试题三十】、vue项目本地开发完成后部署到服务器后报404是什么原因呢?
这篇文章分析了Vue项目在服务器部署后出现404错误的原因,主要是由于history路由模式下服务器缺少对单页应用的支持,并提供了通过修改nginx配置使用`try_files`指令重定向所有请求到`index.html`的解决方案。
【Vue面试题三十】、vue项目本地开发完成后部署到服务器后报404是什么原因呢?
|
4月前
|
JavaScript 前端开发
【Vue面试题二十五】、你了解axios的原理吗?有看过它的源码吗?
这篇文章主要讨论了axios的使用、原理以及源码分析。 文章中首先回顾了axios的基本用法,包括发送请求、请求拦截器和响应拦截器的使用,以及如何取消请求。接着,作者实现了一个简易版的axios,包括构造函数、请求方法、拦截器的实现等。最后,文章对axios的源码进行了分析,包括目录结构、核心文件axios.js的内容,以及axios实例化过程中的配置合并、拦截器的使用等。
【Vue面试题二十五】、你了解axios的原理吗?有看过它的源码吗?
|
4月前
|
JavaScript 前端开发 数据处理
【Vue面试题二十八】、vue要做权限管理该怎么做?如果控制到按钮级别的权限怎么做?
这篇文章讨论了Vue中实现权限管理的策略,包括接口权限、路由权限、菜单权限和按钮权限的控制方法,并提供了不同的实现方案及代码示例,以确保用户只能访问被授权的资源。
【Vue面试题二十八】、vue要做权限管理该怎么做?如果控制到按钮级别的权限怎么做?
|
4月前
|
JavaScript 前端开发
【Vue面试题二十七】、你了解axios的原理吗?有看过它的源码吗?
文章讨论了Vue项目目录结构的设计原则和实践,强调了项目结构清晰的重要性,提出了包括语义一致性、单一入口/出口、就近原则、公共文件的绝对路径引用等原则,并展示了单页面和多页面Vue项目的目录结构示例。
|
3月前
|
缓存 JavaScript 前端开发
vue面试题
vue面试题
169 64
|
1月前
|
缓存 前端开发 JavaScript
"面试通关秘籍:深度解析浏览器面试必考问题,从重绘回流到事件委托,让你一举拿下前端 Offer!"
【10月更文挑战第23天】在前端开发面试中,浏览器相关知识是必考内容。本文总结了四个常见问题:浏览器渲染机制、重绘与回流、性能优化及事件委托。通过具体示例和对比分析,帮助求职者更好地理解和准备面试。掌握这些知识点,有助于提升面试表现和实际工作能力。
65 1
|
2月前
|
JavaScript 前端开发
vue尚品汇商城项目-day01【8.路由跳转与传参相关面试题】
vue尚品汇商城项目-day01【8.路由跳转与传参相关面试题】
43 0
vue尚品汇商城项目-day01【8.路由跳转与传参相关面试题】
|
4月前
|
JavaScript 安全 前端开发
【Vue面试题二十九】、Vue项目中你是如何解决跨域的呢?
这篇文章介绍了Vue项目中解决跨域问题的方法,包括使用CORS设置HTTP头、通过Proxy代理服务器进行请求转发,以及在vue.config.js中配置代理对象的策略。
【Vue面试题二十九】、Vue项目中你是如何解决跨域的呢?
|
4月前
|
JavaScript 前端开发 编译器
【Vue面试题三十二】、vue3有了解过吗?能说说跟vue2的区别吗?
这篇文章介绍了Vue 3相对于Vue 2的改进和新增特性,包括性能提升、体积减小、更易维护、更好的TypeScript支持、新的Composition API、新增的Teleport和createRenderer功能,以及Vue 3中的非兼容性变更和API的移除或重命名。
【Vue面试题三十二】、vue3有了解过吗?能说说跟vue2的区别吗?
|
4月前
|
JavaScript 前端开发 API
【Vue面试题三十一】、你是怎么处理vue项目中的错误的?
这篇文章讨论了Vue项目中错误的处理方式,包括后端接口错误和代码逻辑错误的处理策略。文章详细介绍了如何使用axios的拦截器处理后端接口错误,以及Vue提供的全局错误处理函数`errorHandler`和生命周期钩子`errorCaptured`来处理代码中的逻辑错误。此外,还分析了Vue错误处理的源码,解释了`handleError`、`globalHandleError`、`invokeWithErrorHandling`和`logError`函数的作用和处理流程。
【Vue面试题三十一】、你是怎么处理vue项目中的错误的?