web-beginner/documents/02-vue/01-vue-faq.md at master · Sanotsu/web-beginner · GitHub

「自我检验」熬夜总结 50 个 Vue 知识点，全都会你就是神！！！

荣耀黄金

Vue 的优点？Vue 的缺点？
为什么说 Vue 是一个渐进式框架？
Vue 跟 React 的异同点？
MVVM 是什么？和 MVC 有何区别呢？
Vue 和 JQuery 的区别在哪？为什么放弃 JQuery 用 Vue？
Vue 的作者是谁？大声说出它的名字！！！

永恒钻石

为什么 data 是个函数并且返回一个对象呢？
使用过哪些 Vue 的修饰符呢？
使用过哪些 Vue 的内部指令呢？
组件之间的传值方式有哪些？
路由有哪些模式呢？又有什么不同呢？
如何设置动态 class，动态 style？
v-if 和 v-show 有何区别？
computed 和 watch 有何区别？
Vue 的生命周期，讲一讲？
为什么 v-if 和 v-for 不建议用在同一标签？
vuex 的有哪些属性？用处是什么？

至尊星耀

不需要响应式的数据应该怎么处理？
watch 有哪些属性，分别有什么用？
父子组件生命周期顺序
对象新属性无法更新视图，删除属性无法更新视图，为什么？怎么办？
直接 arr[index] = xxx 无法更新视图怎么办？为什么？怎么办？
自定义指令
插槽的使用以及原理？
为什么不建议用 index 做 key，为什么不建议用随机数做 key？
说说 nextTick 的用处？
Vue 的 SSR 是什么？有什么好处？

最强王者

Vue 响应式是怎么实现的？
为什么只对对象劫持，而要对数组进行方法重写？
Vue 的模板编译原理？
Vue 的 computed 和 watch 的原理？
Vue.set 方法的原理？
Vue.delete 方法的原理？
nextTick 的原理？
key 有什么用？说说 diff 算法吧？

冷门的知识点

如果子组件改变 props 里的数据会发生什么
props 怎么自定义验证
watch 的 immediate 属性有什么用？
watch 监听一个对象时，如何排除某些属性的监听
审查元素时发现 data-v-xxxxx，这是啥？
computed 如何实现传参？
vue 的 hook 的使用
provide 和 inject 是响应式的吗？
Vue 的 el 属性和$mount 优先级？
动态指令和参数使用过吗？
相同的路由组件如何重新渲染？
自定义 v-model
如何将获取 data 中某一个数据的初始状态？
为什么不建议 v-for 和 v-if 同时存在
计算变量时，methods 和 computed 哪个好？

历时一个月，2.6W 字！50+Vue 经典面试题源码级详解，你值得收藏！

Vue 组件之间通信方式有哪些
v-if 和 v-for 哪个优先级更高？
简述 Vue 的生命周期以及每个阶段做的事
能说一说双向绑定使用和原理吗？
Vue 中如何扩展一个组件
子组件可以直接改变父组件的数据么，说明原因
Vue 要做权限管理该怎么做？控制到按钮级别的权限怎么做？
说一说你对 vue 响应式理解？
说说你对虚拟 DOM 的理解？
你了解 diff 算法吗？
- https://juejin.cn/post/6994959998283907102
- https://segmentfault.com/a/1190000041134103
你知道哪些 vue3 新特性
怎么定义动态路由？怎么获取传过来的动态参数？
如果让你从零开始写一个 vue 路由，说说你的思路
能说说 key 的作用吗？
说说 nextTick 的使用和原理？
watch 和 computed 的区别以及选择?
说一下 Vue 子组件和父组件创建和挂载顺序
怎么缓存当前的组件？缓存后怎么更新？
从 0 到 1 自己构架一个 vue 项目，说说有哪些步骤、哪些重要插件、目录结构你会怎么组织
实际工作中，你总结的 vue 最佳实践有哪些？
简单说一说你对 vuex 理解？
说说从 template 到 render 处理过程
Vue 实例挂载的过程中发生了什么?

三十七个常见 Vue 面试题，背就完事了。

谈谈你对 MVVM 的理解？
谈谈你对 Vue 中响应式数据的理解？
Vue 中如何检测数组的变化？
Vue 中如何进行依赖收集的？
如何理解 Vue 中的模板编译原理？
Vue 生命周期钩子是如何实现的?
Vue 组件生命周期有哪些？
vue.mixin 的使用场景和原理?
Vue 的组件 data 为什么必须是一个函数?
请说明 nextTick 的原理。
computed 和 watch 的区别是什么？
Vue.set 方法是如何实现的？
Vue 为什么要用虚拟 Dom
Vue 的 diff 算法原理是什么？
既然 vue 通过数据劫持可以精准的探测数据变化，为什么还要进行 diff 检测差异？
请说明 key 的作用和原理
谈谈对组件的理解
请描述组件的渲染流程
请描述组件的更新流程
异步组件原理
函数组件的优势和原理
组件的传值方式有哪些？
$attrs 是为了解决什么问题出现的？
v-for 和 v-if 哪个优先级更高？
v-mode 是如何实现的？
Vue 的普通 Slot 以及作用域 Slot 的区别
Vue.use 是干什么的？
组件写 name 有啥好处？
vue 的修饰符有哪些？
如何理解自定义指令？
keep-alive 平时在哪里使用？原理是什么？
vue-router 有几种钩子函数？执行流程如何？
vuerouter 的两种模式的区别
谈谈 Vue 的性能优化有哪些？
谈谈你对 Vuex 的理解？
vue 中使用了哪些设计模式？

史上最强 vue 总结---面试开发全靠它了

vue 框架篇

vue 的优点
请详细说下你对 vue 生命周期的理解？
为什么 vue 组件中 data 必须是一个函数？
vue 中 v-if 和 v-show 有什么区别？
computed 和 watch 的区别
vue-loader 是什么？使用它的用途有哪些？
$nextTick 是什么？
v-for key 的作用
Vue 的双向数据绑定原理是什么？
组件传值
prop 验证，和默认值
请说下封装 vue 组件的过程
Vue.js 的 template 编译
scss 是什么？在 vue.cli 中的安装使用步骤是？有哪几大特性？
vue 如何监听对象或者数组某个属性的变化
常用的事件修饰符
vue 如何获取 dom
v-on 可以监听多个方法吗？
assets 和 static 的区别
slot 插槽
vue 初始化页面闪动问题

vue 插件篇- 状态管理（vuex）路由页面管理（vue-router）

vuex 是什么
怎么使用 vuex
vuex 中有几个核心属性，分别是什么？
ajax 请求代码应该写在组件的 methods 中还是 vuex 的 actions 中
从 vuex 中获取的数据能直接更改吗？
vuex 中的数据在页面刷新后数据消失
Vuex 的严格模式是什么,有什么作用,怎么开启？
怎么在组件中批量使用 Vuex 的 getter 属性
组件中重复使用 mutation
mutation 和 action 有什么区别
在 v-model 上怎么用 Vuex 中 state 的值？
什么是 vue-router
怎么使用 vue-router
怎么定义 vue-router 的动态路由？怎么获取传过来的动态参数？
vue-router 的导航钩子
vue 路由传参
router 和 route 的区别
路由 TypeError: Cannot read property 'matched' of undefined 的错误问题
路由按需加载
Vue 里面 router-link 在电脑上有用，在安卓上没反应怎么解决
Vue2 中注册在 router-link 上事件无效解决方法
RouterLink 在 IE 和 Firefox 中不起作用（路由不跳转）的问题

Vue 系列

说说你对 vue 的理解?
说说你对双向绑定的理解?
说说你对 SPA（单页应用）的理解?
Vue 中的 v-show 和 v-if 怎么理解？
Vue 实例挂载的过程中发生了什么?
说说你对 Vue 生命周期的理解?
为什么 Vue 中的 v-if 和 v-for 不建议一起用?
SPA（单页应用）首屏加载速度慢怎么解决？?
为什么 data 属性是一个函数而不是一个对象？
Vue 中给对象添加新属性界面不刷新?
Vue 中组件和插件有什么区别
Vue 组件间通信方式都有哪些?
说说你对 nexttick 的理解?
说说你对 vue 的 mixin 的理解，有什么应用场景？
说说你对 slot 的理解？slot 使用场景有哪些？
Vue.observable 你有了解过吗？说说看
你知道 vue 中 key 的原理吗？说说你对它的理解？
怎么缓存当前的组件？缓存后怎么更新？说说你对 keep-alive 的理解是什么？
Vue 常用的修饰符有哪些？有什么应用场景？
你有写过自定义指令吗？自定义指令的应用场景有哪些？
Vue 中的过滤器了解吗？过滤器的应用场景有哪些？
什么是虚拟 DOM？如何实现一个虚拟 DOM？说说你的思路
了解过 vue 中的 diff 算法吗？说说看
Vue 项目中有封装过 axios 吗？怎么封装的？
你了解 Axios 的原理吗？有看过它的源码吗？
SSR 解决了什么问题？有做过 SSR 吗？你是怎么做的？
说下你的 Vue 项目的目录结构，如果是大型项目你该怎么划分结构和划分组件呢？
Vue 要做权限管理该怎么做？控制到按钮级别的权限怎么做？
跨域是什么？Vue 项目中你是如何解决跨域的呢？
Vue 项目如何部署？有遇到布署服务器后刷新 404 问题吗？
你是怎么处理 vue 项目中的错误的？
Vue3 有了解过吗？能说说跟 Vue2 的区别吗？

Vue3 系列

Vue3.0 的设计目标是什么？做了哪些优化?
Vue3.0 性能提升主要是通过哪几方面体现的？
Vue3.0 里为什么要用 Proxy API 替代 defineProperty API ？
Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？
说说 Vue 3.0 中 Treeshaking 特性？举例说明一下？
用 Vue3.0 写过组件吗？如果想实现一个 Modal 你会怎么设计？

web-interview#vue

vue 中的性能优化
vue 的实例生命周期
vue 的双向数据绑定的原理
为什么要替换 Object.defineProperty？（Proxy 相比于 defineProperty 的优势）
什么是 Proxy？
为什么避免 v-if 和 v-for 用在一起
组件的设计原则
vue slot 是做什么的?
对于 Vue 是一套渐进式框架的理解
vue.js 的两个核心是什么？
请问 v-if 和 v-show 有什么区别
Vue 常用的修饰符及使用的场景
v-on 可以监听多个方法吗？
vue 中 key 值的作用
vue-cli 工程升级 vue 版本
vue 事件中如何使用 event 对象？
$nextTick 的使用
vue 组件中 data 为什么必须是函数
v-for 与 v-if 的优先级
vue 中子组件调用父组件的方法
vue 中父组件调用子组件的方法
vue 中 keep-alive 组件的作用
vue 中如何编写可复用的组件？
什么是 vue 生命周期和生命周期钩子函数？
vue 生命周期钩子函数有哪些？
vue 如何监听键盘事件中的按键？
vue 更新数组时触发视图更新的方法
vue 中对象更改检测的注意事项
解决非工程化项目初始化页面闪动问题
v-for 产生的列表，实现 active 的切换
v-model 语法糖的组件中的使用
十个常用的自定义过滤器
vue 等单页面应用及其优缺点
什么是 vue 的计算属性？
vue 父组件如何向子组件中传递数据？
vue 弹窗后如何禁止滚动条滚动？
vue 怎么实现页面的权限控制
$route和$router 的区别
watch 的作用是什么
计算属性的缓存和方法调用的区别
vue 的双向绑定的原理，和 angular 的对比
vue 如何优化首屏加载速度？
vue 打包命令是什么？
vue 打包后会生成哪些文件？
如何配置 vue 打包生成文件的路径？
vue 的服务器端渲染
vue 开发命令 npm run dev 输入后的执行过程
什么是 Virtual DOM？
响应式系统的基本原理
vue.js 全局运行机制
如何编译 template 模板？
diff 算法
批量异步更新策略及 nextTick 原理？
vue 中如何实现 proxy 代理？
vue 中如何实现 tab 切换功能？
vue 中如何利用 keep-alive 标签实现某个组件缓存功能？
vue 中实现切换页面时为左滑出效果
vue 中央事件总线的使用
vue 的渲染机制
vue 在什么情况下在数据发生改变的时候不会触发视图更新
vue 的优点是什么？
vue 如何实现按需加载配合 webpack 设置
如何让 CSS 只在当前组件中起作用
指令 v-el 的作用是什么?
vue-loader 是什么？使用它的用途有哪些？
vue 和 angular 的优缺点以及适用场合?
你们 vue 项目是打包了一个 js 文件，一个 css 文件，还是有多个文件？
vue 遇到的坑，如何解决的？
vuex 工作原理详解
vuex 是什么？怎么使用？哪种功能场景使用它？
vuex 有哪几种属性？
不用 Vuex 会带来什么问题？
vue-router 如何响应路由参数的变化？
完整的 vue-router 导航解析流程
vue-router 有哪几种导航钩子（导航守卫）？
vue-router 的几种实例方法以及参数传递
怎么定义 vue-router 的动态路由？怎么获取传过来的动态参数？
vue-router 如何定义嵌套路由？
<router-link></router-link> 组件及其属性
vue-router 实现路由懒加载（动态加载路由）
vue-router 路由的两种模式
history 路由模式与后台的配合
vue 路由实现原理? 或 vue-router 原理?
什么是 MVVM？
MVC、MVP 与 MVVM 模式
常见的实现 MVVM 几种方式
解释下 Object.defineProperty()方法
实现一个自己的 MVVM（原理剖析）
递归组件的使用
Obj.keys()与 Obj.defineProperty
发布-订阅模式
实现 MVVM 的思路分析
mvvm 和 mvc 区别？它和其它框架（jquery）的区别是什么？哪些场景适合？
构建的 vue-cli 工程都到了哪些技术，它们的作用分别是什么？
vue-cli 工程常用的 npm 命令有哪些？
请说出 vue-cli 工程中每个文件夹和文件的用处
config 文件夹下 index.js 的对于工程开发环境和生产环境的配置
请你详细介绍一些 package.json 里面的配置
vue-cli 中常用到的加载器
vue.cli 中怎样使用自定义的组件？有遇到过哪些问题吗？
vue-cli 提供的几种脚手架模板
vue-cli 开发环境使用全局常量
vue-cli 生产环境使用全局常量
vue-cli 中自定义指令的使用
vue 是如何对数组方法进行变异的？例如 push、pop、splice 等方法
vue 组件之间的通信种类
vue 是如何对数组方法进行变异的？例如 push、pop、splice 等方法
谈一谈 nextTick 的原理
vue 中的 computed 是如何实现的
vue 如何优化首页的加载速度？vue 首页白屏是什么问题引起的？如何解决呢？
vue 的父组件和子组件生命周期钩子执行顺序是什么
在 Vue 中，子组件为何不可以修改父组件传递的 Prop，如果修改了，Vue 是如何监控到属性的修改并给出警告的。
实现通信方式
说说 Vue 的 MVVM 实现原理
axios 的特点有哪些？
axios 有哪些常用方法？
说下你了解的 axios 相关配置属性？
vue.use 是干什么的？原理是什么？
new Vue() 发生了什么？
请说一下响应式数据的理解？
vue 如何检测数组变化？
vue.set 方法是如何实现的？
vue 中模板编译原理？
vue3.x 响应式数据原理
vue3.x 中 Proxy 只会代理对象的第一层，那么 Vue3 又是怎样处理这个问题的呢？
vue3.x 中监测数组的时候可能触发多次 get/set，那么如何防止触发多次呢？
vue2.x 中如何监测数组变化
说一下 Computed 和 Watch
vue2.x 和 Vue3.x 渲染器的 diff 算法分别说一下
SSR 了解吗？
组件中写 name 选项有哪些好处及作用？
vue 的生命周期是什么？
vue 的各个生命阶段是什么？
vue 组件间的参数传递方式？
computed 和 watch 的差异？
vue-router 中的导航钩子函数
$route 和 $router 的区别？
vue 常用的修饰符？
vue 中 key 值的作用？
computed 和 watch 区别？
keep-alive 组件有什么作用？
vue 中 mixin 和 mixins 区别？
vue 双向数据绑定原理？
Object.defineProperty 介绍？
使用 Object.defineProperty() 来进行数据劫持有什么缺点？
什么是 Virtual DOM？为什么 Virtual DOM 比原生 DOM 快？
如何比较两个 DOM 树的差异？
v-model 的实现原理
说下 vue 中的 h 函数
Vue.prototype、Vue.component 和 Vue.use 的区别
如何将 axios 异步请求同步化处理？
vue 组件里的定时器要怎么销毁？
<template></template >有什么用？
vue 组件会在什么时候下被销毁？
vue 组件里写的原生 addEventListeners 监听事件，要手动去销毁吗？为什么？
说说你对 Object.defineProperty 的理解
在组件中怎么访问到根实例？
vue 中什么是递归组件？举个例子说明下？
使用 vue 写一个 tab 切换
vue3 带来的新特性/亮点
在 compositionAPI 中如何使用生命周期函数？
vue3 如何通过 ref 属性获取界面上的元素?

30 道 Vue 面试题，内含详细讲解（涵盖入门到精通，自测 Vue 掌握程度）

说说你对 SPA 单页面的理解，它的优缺点分别是什么？
v-show 与 v-if 有什么区别？
Class 与 Style 如何动态绑定？
怎样理解 Vue 的单向数据流？
computed 和 watch 的区别和运用的场景？
直接给一个数组项赋值，Vue 能检测到变化吗？
谈谈你对 Vue 生命周期的理解？
Vue 的父组件和子组件生命周期钩子函数执行顺序？
在哪个生命周期内调用异步请求？
在什么阶段才能访问操作 DOM？
父组件可以监听到子组件的生命周期吗？
谈谈你对 keep-alive 的了解？
组件中 data 为什么是一个函数？
v-model 的原理？
Vue 组件间通信有哪几种方式？
你使用过 Vuex 吗？
使用过 Vue SSR 吗？说说 SSR？
vue-router 路由模式有几种？
能说下 vue-router 中常用的 hash 和 history 路由模式实现原理吗？
什么是 MVVM？
Vue 是如何实现数据双向绑定的？
Vue 框架怎么实现对象和数组的监听？
Proxy 与 Object.defineProperty 优劣对比
Vue 怎么用 vm.$set() 解决对象新增属性不能响应的问题？
虚拟 DOM 的优缺点？
虚拟 DOM 实现原理？
Vue 中的 key 有什么作用？
你有对 Vue 项目进行哪些优化？
对于即将到来的 vue3.0 特性你有什么了解的吗？
说说你使用 Vue 框架踩过最大的坑是什么？怎么解决的？

最全的 Vue 面试题+详解答案

简单

MVC 和 MVVM 区别
为什么 data 是一个函数
Vue 组件通讯有哪几种方式
Vue 的生命周期方法有哪些一般在哪一步发请求
v-if 和 v-show 的区别
说说 vue 内置指令
怎样理解 Vue 的单向数据流
computed 和 watch 的区别和运用的场景
v-if 与 v-for 为什么不建议一起使用

中等

Vue2.0 响应式数据的原理
Vue 如何检测数组变化
vue3.0 用过吗了解多少
Vue3.0 和 2.0 的响应式原理区别
Vue 的父子组件生命周期钩子函数执行顺序
虚拟 DOM 是什么有什么优缺点
v-model 原理
v-for 为什么要加 key
Vue 事件绑定原理
vue-router 路由钩子函数是什么执行顺序是什么
vue-router 动态路由是什么有什么问题
谈一下对 vuex 的个人理解
Vuex 页面刷新数据丢失怎么解决
Vuex 为什么要分模块并且加命名空间
使用过 Vue SSR 吗？说说 SSR
vue 中使用了哪些设计模式
你都做过哪些 Vue 的性能优化

困难

Vue.mixin 的使用场景和原理
nextTick 使用场景和原理
keep-alive 使用场景和原理
Vue.set 方法原理
Vue.extend 作用和原理
写过自定义指令吗原理是什么
Vue 修饰符有哪些
Vue 模板编译原理
生命周期钩子是如何实现的
函数式组件使用场景和原理
能说下 vue-router 中常用的路由模式实现原理吗
diff 算法了解吗