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

vue2和vue3的区别

1.vue2把逻辑视图样式都在一个文件里写着,vue3把他们抽离开了,可以自定义hook实现逻辑复用

2.双向数据绑定的原理不一样

vue2通过Object.defineProperty的get和set做数据劫持结合发布订阅者模式实现的

vue3通过proxy代理方式实现的

3.API类型不一样

vue2是选项式API

vue3是组合式API

4.定义数据的方式不一样

vue2将数据放在data里,方法放在method里

vue3用用ref和reactive定义变量,方法放在setup函数里面

5.生命周期不一样

vue2有11个生命周期,vue3去掉了beforeCreate和created

6.diff算法实现原理不一样

vue3只会比较标识发生变化的节点进行视图更新,对标识没有发生变化的节点直接复用

参考:

1.搞定前端面试题—Vue2和Vue3的区别是什么?

2.搞懂Vue2和Vue3:面试高薪岗位的秘密武器

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

相关文章:

  • 如何更好地做出判断?
  • Prometheus的服务命令和配置文件
  • springboot03
  • Linux(Ubuntu)新建文件权限继承问题
  • 常见算法题目1 - 给定一个整数数组和一个目标值,找出数组中两个数之和等于目标值的数组下标组合
  • 【424. 替换后的最长重复字符】
  • linux字符模式关闭光标
  • 第34节:迁移学习中的特征提取方法
  • 九、日志分析和系统故障排查
  • 【Python3教程】Python3 文件(File)方法详解
  • 痉挛性斜颈护理指南:多维度守护颈部健康
  • 自动化测试报告工具
  • 课外知识:Python方法绑定机制与装饰器传参详解 与 实战
  • 各个网络协议的依赖关系
  • Labview使用报表工具
  • 谷歌开源医疗领域AI语言模型速递:medgemma-27b-text-it
  • 深入剖析 Doris 倒排索引(上):原理与应用全解析​
  • 【C/C++】深入解析Linux下C/C++内存管理全攻略(纲要)
  • 在政务中使用仙盟创梦工具维护曲靖市麒麟公安分局————仙盟创梦IDE
  • JVM常量池(class文件常量池,运行时常量池,字符串常量池)
  • 互联网大厂Java求职面试:AI大模型推理优化与实时数据处理架构
  • CRichEditCtrl 控件实现日志输出
  • 从零基础到最佳实践:Vue.js 系列(7/10):《常用内置 API 与插件》
  • 基于RFSOC49DR-16收16发 PCIE4.0 X8 射频采集卡
  • AI相关的笔记
  • Python迭代器与生成器:大数据处理的内存革命
  • 第七部分:第一节 - 数据库基础与 MySQL 入门:仓库的结构与管理语言
  • 关于XILINX的XDC约束文件编写
  • Elasticsearch搜索排名优化
  • com.alibaba.fastjson2 和com.alibaba.fastjson 区别