作为网易面试官，我是这样提问Vue3的！

谁借莪１个温暖的怀抱￠ 2022-10-12 13:59 7阅读 0赞

最近面试了很多公司，其中也不乏很多大厂，如网易、阿里，还有字节。发现对于vue3相关的面试问题多了不少。确实**vue3+ts开发**已经成为了很多公司新项目的选用技术栈，这股趋势越来越明显。

很多公司面试也问上了vue3，这里总结了一下面试**关于vue3最近都问了什么？**

**vue3源码上的改动**

**vue3最近都问了什么？**

这是常问的一大类，主要改动集中于两个方面：

**01 响应式原理api的改变**

Vue2响应式原理采用的是defineProperty，而vue3选用的是proxy。这两者前者是修改对象属性的权限标签，后者是代理整个对象。性能上proxy会更加优秀。

**02 diff算法，渲染算法的改变**

Vue3优化diff算法。不再像vue2那样比对所有dom，而采用了block tree的做法。此外重新渲染的算法里也做了改进，利用了闭包来进行缓存。这使得vue3的速度比vue2快了6倍。

**写法上的核心改动composition api**

**vue3最近都问了什么？**

区别于vue2组件写法，我们在定义一个vue2的组件的时候，更多是通过一个对象来表达组件，像这样：

![828d3f1baaef19c79d723315dcb6025c.png][]

而在vue3中，我们会通过方法的组合调用来完成组件的定义，像这样：

![573e0bf3689e10bbdb36de50b8fb23a1.png][]

这种写法上翻天覆地的变化，很多同学都一时难以适应，但是这样的写法带给我们写复杂组件时更好地复用性。

此外，除了vue3，面试还有很多**面试必问**的其他问题，如**项目优化方案怎么做，项目问题怎么解决**等面试问题。

大家都技术内卷的时代，我们必须要做得比别人好，本周**网易云课堂**将**带着你全方位突破**，把**网易对于一个高级前端的要求教会大家**，并可以**免费领取**网易**内部前端进阶资料包**！

**网易独家面试集训**

**3天前端直播课**

**0元学习**

**7月6日-7月8日 ，每晚8点**

**•** **7月6日:**

**【那些源码教我的事】一节课教你写出高质量代码**

01 源码技巧大解析

02 js代码架构方案全解析

03 如何用设计模式简化代码

**•** **7月7日:**

**【技能拓展】一线互联网项目都有的api层是怎么做的?**

01 Axios源码分析

02 大型项目中的api层

03 二次封装Axios实例

**• 7月8日:**

**【用vue3做项目】一节课带你了解vue3改变了什么**

01 vue3源码改动详解

02 什么是vite

03 用vite加vue3写项目

**请持续关注，**

**还有网易老师亲自简历指导，就业咨询哦！**

**扫描下方二维码**

**添加助教小姐姐一起进步**

![bce070b1c39f1931ebe33645f3975c4b.png][]

**遇到扫码频繁，请再次识别哦**

**（别让您的犹豫阻碍您的进步）**

**进阶视频资料+ 学习路径图**

![9e3ee6287d6d1e2e9a9cdc845a34babe.png][]

**扫描下方二维码****获取高清版**

![f14e1b0bacb3452df97c6cddd324d9a3.png][]

**网易进阶学习路径图等你来！**

**扫描下方二维码，免费获取**

![c077da8fddd2d5e0871a9e5c72d578ac.png][]

**遇到扫码频繁，请再次识别哦**

**（别让您的犹豫阻碍您的进步）**

**免费直播，海量资料，先到先得~**

**往期直播干货回顾↓**

![7b4376c2872ad3ea706ae4ee0cca2862.png][]

[828d3f1baaef19c79d723315dcb6025c.png]: /images/20221005/7e1be81713d84641bb3a6a308c1661af.png
[573e0bf3689e10bbdb36de50b8fb23a1.png]: /images/20221005/01d8c344c3b74e518d56a43e975afc86.png
[bce070b1c39f1931ebe33645f3975c4b.png]: /images/20221005/109f5dfb78da4171b0eae9c06c564645.png
[9e3ee6287d6d1e2e9a9cdc845a34babe.png]: /images/20221005/1d10be1003a549a6be64b01fd6d23e61.png
[f14e1b0bacb3452df97c6cddd324d9a3.png]: /images/20221005/0f3c79db1f95488eaa1f6eeaf6f784db.png
[c077da8fddd2d5e0871a9e5c72d578ac.png]: /images/20221005/33982af574f04cee9a11fc28e803fdbe.png
[7b4376c2872ad3ea706ae4ee0cca2862.png]: /images/20221005/d659b816a8d647868ea5e83478b298c3.png