Vue3 新功能

  • createApp
  • emits 属性
  • 多事件处理
  • Fragment
  • 移除 .sync 改为 v-model 参数
  • 异步组件的引用方式
  • 移除 filter
  • Teleport
  • Suspense
  • Composition API

    Composition API

  • reactive

  • ref toRef toRefs
  • readonly
  • computed
  • watch watchEffect
  • 钩子函数生命周期

    原理

  • Proxy 实现响应式

  • 编译优化
    • PatchFlag 静态标记
    • hoistStatic 静态提升
    • cacheHandler 缓存事件
    • SSR 优化
    • Tree-shaking 优化
  • Vite - ES6 module

    面试题

  • 3 比 2 有什么优势

  • 描述 Vue3 生命周期
  • 如何看待 Composition API 和 Options API
  • 如何理解 ref toRef 和 toRefs
  • Vue3 升级了哪些重要的功能
  • Composition API 如何实现代码逻辑复用
  • Vue3 如何实现响应式
  • watch 和 watchEffect 的区别是什么
  • setup 中如何获取组件实例
  • Vue3 为何比 Vue2 快
  • Vite 是什么
  • Composition API 和 React Hooks 的对比