【6月日新计划更文活动】第13天

Vue3

基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型

    声明式 <=> 命令式

框架作用：替换DOM操作，解决操作DOM麻烦的问题

1、性能提升

• 打包大小减少41%
• 初次渲染快55%，更新渲染快133%
• 内存减少45%
• ……

2、源码的升级

• 使用 Proxy 代替 defineProperty 实现响应式
• 重写虚拟 DOM 的实现和 Tree-Shaking (Tree-Shaking ： webpack支持)
• ……

3、支持 Typescript

• Vue3 可以更好的支持typescript
• ……

4、新的特性

1. Composition API (组合API)

   • setup配置
   • ref reactive
   • watch与watchEffect
   • provide与inject
   • ……

2. 新的内置组件

   • Fragment
   • Teleport
   • Suspense
   • ……

3. 其他改变

   • 新的生命周期钩子
   • data 选项应始终被声明为一个函数
   • 移除keyCode支持作为 v-on 的修饰符
   • ……