Vue 3新特性

131 阅读1分钟

1. Vue2的核心模块和历史遗留问题 

       Vue 2 是一个响应式驱动的、内置虚拟 DOM、组件化、用在浏览器开发,并且有一个运 行时把这些模块很好地管理起来的框架。

Vue 2 响应式,是基于 Object.defineProperty() 实现的。

2. Vue3的新特性

Vue 3 就是继承了 Vue 2 具有的响应式、虚拟 DOM,组件化等所有优秀的特点,并且全部重新设计,解决了这些历史包袱的新框架,是一个拥抱未来的前端框架。

1. RFC 机制

2. 响应式系统

   Vue 3 的响应式机制是基于 Proxy。(此后会有专门介绍Proxy)

3. 自定义渲染器

4. 全部模块使用 TypeScript 重构

5. Composition API 组合语法

6. 新的组件

   Vue 3 内置了 Fragment、Teleport 和 Suspense 三个新组件。

        Fragment: Vue 3 组件不再要求有一个唯一的根节点,清除了很多无用的占位 div。                Teleport: 允许组件渲染在别的元素内,主要开发弹窗组件的时候特别有用。

        Suspense: 异步组件,更方便开发有异步请求的组件。

7. 新一代工程化工具 Vite

参考:极客时间大圣老师玩转 Vue 3 全家桶 Day1