搜索历史

{{ 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：写作不易，如要转裁，请标明转载出处。

猜你想看: 简述Vue的响应式原理？; vue常用的修饰符?; 如何获取自定义组件DOM节点; package.json 和 package-lock.json的区别？; Vue中$nextTick()的使用; Vue 的父组件和子组件生命周期钩子函数执行顺序？; 组件中 data 为什么是一个函数？; 简单介绍下 $attrs 和 $listener？; vue中v-if和v-show有什么区别？; Vue 3.0 在编译方面有哪些优化？

回顶部