为什么使用 vue3

1. tree sharking
2. 选项式 API、组合式 API（setup）
3. 响应式 API

• ref reactive 既生瑜何生亮。 建议使用 ref()作为声明响应式状态的主要 API。
• computed: 不要执行副作用
• watch：onWatcherCleanup; watchEffect
• props;

4. 选项式中对 props 的类型推到需要使用 defineComponent（）来包装组件
5. 使用 PropType 这个工具类型来标记更复杂的 props 类型
6. setup： 基于类型的声明、 运行时声明
7. 3.4 以下 withDefaults(); 3.5 以上直接结构赋初值
8. 组件 v-model

vue3 优势：

• 用户：
  • tree sharking 静态文件变小
  • 响应式更新时 静态标记， 速度更快
• 开发者：
  • 找不到数据源的 mixins； 组合式函数
  • 更个性化的 组合式 API
  • TS 支持
  • 组件级别的 v-model
  • 声明式的： emits、expose、
  • 内置组件： teleport、suspense

版权所有

版权归属：tuyongtao1

许可证：署名 4.0 国际 (CC-BY-4.0)