Vue 3.0 学习笔记（一）

Vue 3.0带来的变化

• 按需加载
  • 基础
    • Virtual DOM
      • 静态的Node 不再作更新处理
      • 静态绑定的class，id不在作更新处理
      • 事件监听器Cache缓存处理（cacheHandlers）
    • 相应式算法
      • vue2.0 Object.defineProperty
      • vue3.0 Proxy(es6 新特性)
  • 非常用功能
    • 按需加载
      • v-model，transition 需要什么就加载什么
  • 优点
    • virtual dom机制的调整
    • 内存优化，更少的占用内存
    • 按需加载，更灵活的组件
• 组合式API
  • setup
  • 响应式系统API
    • reactive
    • ref
    • computed
    • readonly
    • watchEffect
      • 监听函数，当函数中有任意相关联的变量发生改变，那么重新执行函数
    • watch
      • 监听某个单独变量
  • 好处，便于阅读，比如prop写一起，data写一起，components写一起
• TS支持
  • vue 3.0从底层使用ts改写，更好的支持ts
• 性能提升1.3倍到两倍之间