50+Vue经典面试题源码级详解（24）

前言

小伙伴们好，这是村长《Vue经典面试题源码级详解》系列文章第24题，前面已完成题目合集在此： 历时一个月，2.6W字！50+Vue经典面试题源码级详解，你值得收藏！

学习群

我组织了一个面试学习群，关注村长公众号村长学前端，回复“加群”，大家一起卷~

相关学习资源

本系列有配套视频，思维导图和开源项目，大家学习同时千万不要忘了三连 + 关注 + 分享，有道是喝水不忘挖井人~

• 视频教程：【Vue面试专题】56道经典Vue面试题详解
• 思维导图：Vue面试专题
• 配套代码：vue-interview

24 - Vue 3.0的设计目标是什么？做了哪些优化?

分析

还是问新特性，陈述典型新特性，分析其给你带来的变化即可。

思路

从以下几方面分门别类阐述：易用性、性能、扩展性、可维护性、开发体验等

---

范例

1. Vue3的最大设计目标是替代Vue2（皮一下），为了实现这一点，Vue3在以下几个方面做了很大改进，如：易用性、框架性能、扩展性、可维护性、开发体验等
2. 易用性方面主要是API简化，比如v-model在Vue3中变成了Vue2中v-model和sync修饰符的结合体，用户不用区分两者不同，也不用选择困难。类似的简化还有用于渲染函数内部生成VNode的h(type, props, children)，其中props不用考虑区分属性、特性、事件等，框架替我们判断，易用性大增。
3. 开发体验方面，新组件Teleport传送门、Fragments 、Suspense等都会简化特定场景的代码编写，SFC Composition API语法糖更是极大提升我们开发体验。
4. 扩展性方面提升如独立的reactivity模块，custom renderer API等
5. 可维护性方面主要是Composition API，更容易编写高复用性的业务逻辑。还有对TypeScript支持的提升。
6. 性能方面的改进也很显著，例如编译期优化、基于Proxy的响应式系统
7. 。。。

可能的追问

1. Vue3做了哪些编译优化？
2. Proxy和defineProperty有什么不同？

小伙伴们会怎么回答？欢迎你在评论区留言~