面试题1

• Vue3 比 Vue2 有什么优势？

  • 性能更好

  • 体积更小

  • 更好的ts支持

  • 更好的代码组织

  • 更好的逻辑抽离

  • 更多新功能

• 描述 Vue3 生命期

  • Options API 生命周期
    • beforeDestroy 改为 beforeUnmount
    • destroyed 改为 unmouted
    • 其他沿用 Vue2 的生命周期
  • Composition API
    • setup 是围绕 beforeCreate 和 created 生命周期钩子运行的。
    • onBeforeMount onMounted 跟options api加上on 并使用小驼峰的形式命名

如何看待 Composition API 和 Options API?

• Composition API 对比 Options API
  • Composition API 带来了什么？
    • 更好的代码组织
    • 更好的逻辑复用（有一道专门的面试题）
    • 更好的类型推导
  • Composition API 和 Options API 如何选择？
    • 不建议共用，会引起混乱
    • 小型项目、业务逻辑简单，用 Options API
    • 中大型项目、逻辑复杂，用 Composition API
  • 别误解 Composition API
    • Composition API属于高阶技巧，不是基础必会
    • Composition API 是为解决复杂业务逻辑而设计
    • Composition API 就像 Hooks 在 React 中的地位

面试题2

• 如何理解 ref toRef 和 toRefs?

  • 生成值类型的响应式数据

  • 可用于模板和 reactive

  • 通过.value 修改值

  • 最佳使用方式

    • 用 reactive 做对象的响应式，用 ref 做值类型响应式
    • setup 中返回 toRefs(state)，或者 toRef(state,'xxx）
    • ref 的变量命名都用 xxxRef
    • 合成函数返回响应式对象时，使用 toRefs

  • 进阶，深入理解

    • 为何需要ref ？

      • 返回值类型，会丢失响应式

    • 为何需要 .value ?

    • 为何需要 toRef toRefs ？

• Vue3 升级了哪些重要的功能？

• Composition API 如何实现代码逻辑复用？

面试题3

Vue3 如何实现响应式？

watch 和 watchEffect 时以别是什么？

setup 中如何获取组件实例？

面试题4

Vue3 为何比 Vue2 快？

Vite 是什么？

Composition API 和 React Hooks 的对比