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

Vue3.0 性能提升主要是通过哪几方面体现的？

一、编译阶段

回顾Vue2，我们知道每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把用到的数据property记录为依赖，当依赖发生改变，触发setter，则会通知watcher，从而使关联的组件重新渲染

Vue3.0 里为什么要用 Proxy API 替代 defineProperty API ？

一、Object.defineProperty

定义：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

开始之前

Composition API 可以说是Vue3的最大特点，那么为什么要推出Composition Api，解决了什么问题？

Vue3.0 的设计目标是什么？做了哪些优化

一、设计目标

不以解决实际业务痛点的更新都是耍流氓，下面我们来列举一下Vue3之前我们或许会面临的问题

用 Vue3.0 写过组件吗？如果想实现一个 Modal 你会怎么设计？

一、组件设计

组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式

现在有一个场景，点击新增与编辑都弹框出来进行填写，功能上大同小异，可能只是标题内容或者是显示的主体内容稍微不同

说说 Vue 3.0 中 Treeshaking 特性？举例说明一下？

一、是什么

Tree shaking 是一种通过清除多余代码方式来优化项目打包体积的技术，专业术语叫 Dead code elimination