vue2跟vu3的区别

  1. 性能提升: Vue 3 在性能方面做出了一系列优化,包括更快的渲染速度、更小的包大小以及更高效的虚拟 DOM。这主要得益于 Vue 3 使用了新的响应式系统、编译器优化以及更精简的内部结构。

  2. Composition API: Vue 3 引入了组合式 API,这是一个全新的 API 设计模式,用于更灵活地组织和共享组件的逻辑。组合式 API 使用函数而不是选项对象,使得代码更易于维护、重用和测试。

  3. Teleport(传送门): Vue 3 引入了 Teleport 组件,用于在 DOM 树的其他部分渲染内容,而不会改变组件的父级关系。这对于在组件之外渲染内容(例如模态框、对话框等)非常有用。

  4. Fragment(片段): Vue 3 支持了片段语法,允许组件返回多个根节点,而不需要额外的 DOM 包装器。这简化了模板的编写,并改善了渲染性能。

  5. 全局 API 重构: Vue 3 对全局 API 进行了重构,将全局 API 从 Vue 对象中移除,使其更易于使用和管理。例如,Vue.filterVue.directive 等全局 API 在 Vue 3 中已经不再直接存在,而是通过应用实例或组件进行注册。

  6. TypeScript 支持改进: Vue 3 对 TypeScript 的支持得到了改进,包括更好的类型推断、更准确的类型检查以及更好的编辑器支持。Vue 3 的代码库也是使用 TypeScript 编写的,这使得整个开发生态更加一致。

  7. 更好的逻辑复用和代码组织: 组合式 API 的引入使得逻辑复用和代码组织更加灵活。开发者可以更容易地将相关逻辑封装为自定义组合式函数,并在不同组件之间共享和复用。

  8. 生命周期: 创建前创建后被setup语法糖代替,单词前边都加了On,卸载前加了Un

  9. v-if跟v-for 的优先级发生了变化  vue3v-if优先级高于v-for

  • 16
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值