Vue3面试题

1. Vue3 比 vue2 优势

1. 性能更好
2. 体积更小
3. 更好的ts支持
4. 更好的代码组织
5. 更好的逻辑抽离
6. 更多新的功能

2. Vue3 生命周期

1. Options API生命周期
2. Composition  API生命周期

3. 如何看待composition API 和options API

1. Composition API 更好的代码组织，更好的逻辑复用，更好的类型推到
2. 小型项目，业务逻辑简单，用Options API
3. 中大型项目，业务逻辑复杂的，用Composition API
4. Composition API 是为了解决复杂业务逻辑而设计的
5. 类似React Hooks

4. 如何理解ref toRef和toRefs？

1. ref
    1. 生成值类型的响应式数据
    2. 可用于模板和reactive
    3. 通过.value修改值
2. toRef
    1. 针对一个响应式对象（reactive封装）的prop
    2. 创建一个ref，具有响应式
    3. 两者保持引用关系
3. toRefs，避免模板中导出都是state
    1. 将响应式对象（reactive封装）转换成普通对象
    2. 对象的每个prop都是对应的ref
    3. 两者保持引用关系
4. 最佳使用方式
    1. 用reactive做对象的响应式，用ref做值类型的响应式