前言：Vue 3 是一个流行的开源JavaScript框架，用于构建用户界面和单页面应用。它带来了许多新特性和改进，包括更好的性能、更小的打包大小、更好的TypeScript支持、全新的组合式 API，以及一些新的内置组件。
vue3 比 vue2有什么优势？
- 性能更好
- 体积更小
- 更好的ts支持
- 更好的代码组织
- 更好的逻辑抽离
- 更多新功能
描述vue3生命周期
Option API生命周期
- beforeDestroy 改为beforeUnmount
- destroyed 改为 unmouted
- 其他沿用vue2的生命周期
Composition API生命周期
setup 等于beforeCreate 和 created
如何看待Composition API 与 Option API?
Composition API 带来了什么
- 更好的代码组织
- 更好的逻辑复用
- 更好的类型推导
如何选择？
- 不建议共用，会引起混乱
- 小型项目，业务逻辑简单，用option API
- 中大型项目，逻辑复杂，用composition API
别误解composition API
- composition API 属于高阶技巧，不是基础必会
- composition API 是为解决复杂业务逻辑而设计
- omposition API 就像Hooks 在React中的地位
如何理解ref toRef 和 toRefs?
ref
- 生成值类型的响应式数据
- 可用于模板和reactive
- 通过.value修改值
- 建议命名xxxRef
toRef
- 针对一个响应式对象（reactive封装）的prop
- 创建一个ref， 具有响应式
- 两者保持引用关系
toRefs
- 将响应式对象（reactive 封装）转换为普通对象
- 对象的每个prop都是对应的ref
- 两者保持引用关系
更多信息请查阅官方文档cn.vuejs.[org]
