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