Vue3是在Vue2的基础上优化的,对typeScript有更好的支持。Vue3和Vue2可以共存。Vue3在向后兼容上可以支持可选的API,同时增加了一些特性,大大提升了性能。那么vue3相对于vue2有哪些新特性?
1、性能提升
响应式性能提升,由原来的 Object.defineProperty 改为基于ES6的 Proxy ,使其速度更快,消除警告。
重写了 Vdom ,突破了 Vdom 的性能瓶颈。
进行模板编译优化。
更加高效的组件初始化。
2、更好的支持 typeScript
有更好的类型推断,使得 Vue3 把 typeScript 支持得非常好。
3、新增Composition API
Composition API 是 vue3 新增的功能,比 mixin 更强大。它可以把各个功能模块独立开来,提高代码逻辑的可复用性,同时代码压缩性更强。
4、新增组件
Fragment 不再限制 template 只有一个根几点。
Teleport 传送门,允许我们将控制的内容传送到任意的 DOM 中。
Supense 等待异步组件时渲染一些额外的内容,让应用有更好的用户体验。
5、Tree-shaking:支持摇树优化
摇树优化后会将不需要的模块修剪掉,真正需要的模块打到包内。优化后的项目体积只有原来的一半,加载速度更快。
6、Custom Renderer API: 自定义渲染器
实现 DOM 的方式进行 WebGL 编程。
Element UI中文官网Element Plus是一套基于Vue3.0的桌面端组件库
vue3如何解决store.state.count错误的取值
标签: Composition API, Custom Renderer API, Tree-shaking, typescript, vue3
上面是“vue3相对于vue2有哪些新特性?”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://m.ipkd.cn/webs_4631.html
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!