Vue面试题23：Vue3的设计目标是什么？做了哪些优化？（总结自B站up主‘前端杨村长’视频，仅供自用学习）

• 思路

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

• 回答范例

  • 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 rendererAPI等；
  • 5.可维护性方面主要是Composition API，更容易编写高复用性的业务逻辑。还有对TypeScript支持的提升；
  • 6.性能方面的改进也很显著，例如编译期优化、基于Proxy的响应式系统等；