当前位置: 首页 > news >正文

面试知识梳理-vue3和vue2区别

vue3相对于vue2的优势

  • 性能更好
  • 体积更小
  • 更好的ts支持(vue3 ts开发)
  • 更好的代码组织
  • 更好的逻辑抽离
  • 更多新功能(vue2其实也都能自己做出来)
更好的代码组织

Composition API 的革新
Vue 2 采用 ​​Options API​​,通过 data、methods、computed 等选项分割逻辑,导致相关功能分散在不同区块,难以维护
Vue 3 引入 ​​Composition API​​,通过 setup() 函数集中组织逻辑
优势:
同一块思想 vue2不好写在一起 无论是看还是维护都很烦
类型推导友好 函数式代码更易typescript推断类型
减少this依赖 降低调试成本

更好的逻辑抽离

Vue 2 通过 ​​Mixins​​ 复用逻辑,但存在命名冲突、来源不清晰等问题,Vue 3 使用 ​​组合函数​​(Composables),将逻辑封装为独立函数

vue3和vue2 生命周期的区别

名称变更(其余不变)

beforeDestroy改为onbeforeUnmount
destroyed改为onunmouted
beforeCreate和created 等于setup()

http://www.dtcms.com/a/293116.html

相关文章:

  • Spring快速整合Mybatis
  • PyTorch武侠演义 第一卷:初入江湖 第4章:损失玉佩的评分风波
  • 支付鉴权方案介绍
  • langchain4j之RAG 检索增强生成
  • 电子基石:硬件工程师的器件手册 (六) - MOSFET:电压控制的效率王者
  • 无人机AI制导模块技术分析
  • 最短路练习
  • Scrapyd与ScrapydAPI深度解析:企业级爬虫部署与管理解决方案
  • 面向对象分析与设计40讲(6)设计原则之开闭原则
  • Go语言初识--标识符 可见性
  • 数据库表介绍
  • ArcGIS地形起伏度计算
  • javaweb小案例1
  • Linux打开、读写一个文件内核做了啥?
  • python安装package和pycharm更改环境变量
  • MySQL:内置函数
  • 基于模拟的流程为灵巧机器人定制训练数据
  • 钢铁逆行者:Deepoc具身智能如何重塑消防机器人的“火场直觉”
  • CY3-NH2/amine 使用注意事项
  • 【nginx】隐藏服务器指纹:Nginx隐藏版本号配置修改与重启全攻略
  • Adaptive Graph Convolutional Network for Knowledge Graph Entity Alignment
  • 基于LangGraph的Open Deep Research架构全解析:从多Agent协作到企业级落地
  • 数据库设计mysql篇
  • 什么是检索增强生成(RAG)?
  • java调用周立功USBCAN SDK读取汽车总线数据
  • [3-02-02].第04节:开发应用 - RequestMapping注解的属性2
  • TCP头部
  • Kotlin伴生对象
  • Go后端配置文件教程
  • LeetCode|Day22|231. 2 的幂|Python刷题笔记