2024-Vue面试中，经常会被问到的Vue高频面试题集中整理，干货满满

“投简历的人挺多，但是合适的却很少。”

“好不容易挖来人，结果2轮面试被刷了，现在大厂搬砖的也是参差不齐…”

“在招前端，要么学历不够，要么只会纸上谈兵，要么能力一般，还狮子大张口…”

好岗位的确不缺，匹配者却很少。

大厂，高薪，高等级人人想要，门槛却一个比一个高。

不过，话说回来，跳槽成功的人确实也不在少数，福利待遇也确实不赖。前不久，朋友超人就通过三轮面试，跳槽进了阿里，继续做前端。

所以说，打铁还需自身硬。他做了三年前端，工作务实，能干，跳槽大厂也在情理之中！

说到面试，问了他的情况。他说“ Vue实现原理问挺多，还有它的各种优化手段。再有就是业务逻辑…“

照此看来，对于现在的前端求职者，只会用 Vue是不够的了，还需深挖它的内部框架和实现原理。

接下来，超全的前端 Vue学习资料这就来啦，需要的朋友赶紧收藏~

Vue知识要点

为什么 Vuex的mutation中不能做异步操作？

• Vuex中所有的状态更新的唯一途径都是mutation，异步操作通过 Action 来提交 mutation实现，这样使得我们可以方便地跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好地了解我们的应用。
• 每个mutation执行完成后都会对应到一个新的状态变更，这样devtools就可以打个快照存下来，然后就可以实现 time-travel 了。如果mutation支持异步操作，就没有办法知道状态是何时更新的，无法很好的进行状态的追踪，给调试带来困难。

为什么v-for和v-if不建议用在一起

• 当 v-for 和 v-if 处于同一个节点时，v-for 的优先级比 v-if 更高，这意味着 v-if 将分别重复运行于每个 v-for 循环中。如果要遍历的数组很大，而真正要展示的数据很少时，这将造成很大的性能浪费
• 这种场景建议使用 computed，先对数据进行过滤

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

• 一个组件被复用多次的话，也就会创建多个实例。本质上，这些实例用的都是同一个构造函数。
• 如果data是对象的话，对象属于引用类型，会影响到所有的实例。所以为了保证组件不同的实例之间data不冲突，data必须是一个函数。

nextTick的实现原理是什么？

• 在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后立即使用 nextTick 来获取更新后的 DOM。
• nextTick主要使用了宏任务和微任务。
• 根据执行环境分别尝试采用Promise、MutationObserver、setImmediate，如果以上都不行则采用setTimeout定义了一个异步方法，多次调用nextTick会将方法存入队列中，通过这个异步方法清空当前队列。

Vue不能检测数组的哪些变动？Vue 怎么用 vm.$set() 解决对象新增属性不能响应的问题？

• Vue 不能检测以下数组的变动：

• 第一类问题
  // 法一：Vue.set Vue.set(vm.items, indexOfItem, newValue)
  // 法二：Array.prototype.splice vm.items.splice(indexOfItem, 1, newValue)
• 第二类问题，可使用 splice：vm.items.splice(newLength)

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。

是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】