搜索历史

{{ i+1 }}{{ v }}

搜索推荐

{{ i+1 }}{{ v }}

"Vue2.x和Vue3.x有什么区别?"

转载翻译原创

问答题 · 前端 · vue · @{ formatTime(detail.create_time) }

Vue2.x和Vue3.x有什么区别?

1、重构响应式系统，使用 Proxy 替换 Object.defineProperty ，使用 Proxy 优势：

可直接监听数组类型的数据变化
监听的目标为对象本身，不需要像 Object.defineProperty 一样遍历每个属性，有一定的性能提升
可拦截 apply、ownKeys、has 等13种方法，而 Object.defineProperty 不行
直接实现对象属性的新增/删除

2、新增Composition API，更好的逻辑复用和代码组织

重构 Virtual DOM
模板编译时的优化，将一些静态节点编译成常量
slot 优化，将 slot 编译为 lazy 函数，将 slot 的渲染的决定权交给子组件
模板中内联事件的提取并重用（原本每次渲染都重新生成内联函数）

3、代码结构调整，更便于Tree shaking，使得体积更小

4、使用Typescript替换Flow

PS：写作不易，如要转裁，请标明转载出处。

猜你想看: vue2.x双向数据绑定原理?; vue2.x生命周期有哪些？; 虚拟DOM的优劣如何?; 如果遇到视图不更新了怎么处理?; 简述computed原理？; vue public和assets的区别？; Vue中$nextTick()的使用; 组件中 data 为什么是一个函数？; 简单介绍下 $attrs 和 $listener？; vue中v-if和v-show有什么区别？

回顶部