上QQ阅读APP看书,第一时间看更新
1.3 Vue.js3.0的新特性
Vue.js 3.0并没有延用Vue.js 2.x版本的代码,而是采用TypeScript进行重新编写,新版的API全部采用普通函数。Vue.js 3.0新特性如下:
更好的性能。Vue.js 3.0重写了虚拟DOM的实现,并对模板的编译进行了优化,提升了组件初始化的速度。和Vue 2.x相比,更新速度和内存占用方面的性能都提升了不少。
Tree-Shaking支持。和Vue 2.x相比,Vue.js 3.0对无用的代码模块进行了删除,仅打包真正需要的模块。
组合API。Vue 3.0新增的Composition API可以完美地替代Vue 2.x中的mixin,使用户可以更灵活地复用代码,并且Compoxition API可以很好地进行类型推断,解决了多组件之间的逻辑重用问题。
碎片(flagmen)。在Vue 2.x中,组件需要有一个唯一的根节点,而Vue 3.0组件模板不再限于单个根节点,可以有多个根节点。
传送(teleport)。使用teleport内置组件可以将模板代码移动到Vue程序之外的其他位置。
悬念(suspense)。suspense内置组件可以在嵌套层级中等待嵌套的异步依赖项,支持异步组件。
更好的TypeScript支持。Vue 3.0代码具有更好的类型支持。开发人员可以采用TypeScript开发Vue应用,无须担心兼容性问题,结合TypeScript插件使开发更高效,还可以拥有类型检查、自动补全等功能。
自定义渲染器API。用户可以使用自定义渲染器API来尝试与第三方库集成,如编写WebGL自定义渲染器。