详细对比Vue2和Vue3区别

简介: 详细对比Vue2和Vue3区别

1.性能的提升

- 打包大小减少41%

- 初次渲染快55%, 更新渲染快133%

- 内存减少54%

2.源码的升级

- 使用Proxy代替defineProperty实现响应式

- 重写虚拟DOM的实现和Tree-Shaking

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 的修饰符

相关文章
|
23小时前
|
存储 API
vue3中如何动态自定义创建组件并挂载
vue3中如何动态自定义创建组件并挂载
|
6天前
|
JavaScript 索引
Vue 2和Vue 3的区别以及实现原理
Vue 2 的响应式系统通过Object.defineProperty来实现,它为对象的每个属性添加 getter 和 setter,以便追踪依赖并响应数据变化。
22 9
|
6天前
|
JavaScript 调度
Vue3 使用 Event Bus
Vue3 使用 Event Bus
11 1
|
6天前
|
JavaScript
Vue3 : ref 与 reactive
Vue3 : ref 与 reactive
9 1
|
6天前
Vue3 使用mapState
Vue3 使用mapState
10 0
|
2天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
2天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
2天前
|
JavaScript
vue中watch的用法
vue中watch的用法
|
8天前
|
JavaScript 前端开发
vue学习(6)
vue学习(6)
28 9
|
8天前
|
JavaScript 开发者
vue学习(5)
vue学习(5)
23 7