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

使用Vue3和Vue2进行开发的区别

使用Vue3和Vue2进行开发的区别

笔者虽然老早就是用vue3进行开发了,但是上次有人问道使用vue3进行开发跟使用vue2进行开发的区别有哪些这个问题的时候,回答的还是有些琐碎,干脆今天专门整理一下,做个记录。

一、再也不用set了

众所周知,vue3使用的是Proxy对象进行代理,对数据进行监控,而vue2是使用object.defineProperty()来实现的,针对数组或者对象的新增属性的变化是需要专门用vue.set方法去做处理,通过命令的方式添加一个监控。大家有兴趣可以看看Proxy如何使用,就知道vue3自然而然的取消了set方法,无形之中给我们省了很多代码。微笑.png

二、组合式书写模式

vue2中在一个组件里我们分门别类的把一些功能放在钩子函数、方法、data方法中,这对于一些不习惯拆分组件的人来说当代码量堆积到一定程度后,从data函数中定义的一个变量再到需要用到这个变量的第一个函数之间可能跨越了几百行代码,来回翻都会觉得很累。组合式API则相当于按照功能把代码放到了一起,你可以在变量的后面直接watch它或者写一些利用它的变量等等。

三、编写方式的更改

vue3跟vue2的一些书写方式变了很多,以至于当时迁移一个小项目都用了半天的时间。具体的更改内容大家可以看看官网,里面有详细介绍https://v3.cn.vuejs.org/guide/migration/introduction.html#%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B



喜欢的朋友记得点赞、收藏、关注哦!!!

http://www.lryc.cn/news/478317.html

相关文章:

  • 爬虫入门urllib 和 request(二)
  • 【大数据学习 | HBASE】hbase的整体架构
  • 群控系统服务端开发模式-应用开发-个人资料
  • openssl生成加密,公钥实现非对称加密
  • [CKS] K8S Admission Set Up
  • 前端学习Day13 CSS盒子的定位(固定定位篇“附练习”)
  • Tomcat 启动卡住,日志显示 At least one JAR was scanned for TLDs yet contained no TLDs.
  • 计算机网络:网络层 —— 移动 IP 技术
  • useCrudSchemas
  • SpringBoot3集成Junit5
  • 【EMNLP2024】阿里云人工智能平台 PAI 多篇论文入选 EMNLP2024
  • Spark的Shuffle过程
  • Java+Swing可视化图像处理软件
  • RDD转换算子:【mapValues、mapPartitions】
  • 数组和指针的复杂关系
  • Linux系统I/O调优实例
  • 记录Ubuntu OS的异常
  • Vue 3 单元测试与E2E测试
  • 猫用空气净化器哪个牌子好?求除毛好、噪音小的宠物空气净化器!
  • 第十九课 Vue组件中的方法
  • 【JavaScript】V8,Nodejs 与浏览器
  • 内存马浅析
  • 聊一聊Elasticsearch的基本原理与形成机制
  • 应急救援无人车:用科技守护安全!
  • 详解Java之Spring MVC篇二
  • flutter鸿蒙next 使用 InheritedWidget 实现跨 Widget 传递状态
  • 计算机的错误计算(一百四十六)
  • 国标GB28181视频平台EasyCVR私有化视频平台工地防盗视频监控系统方案
  • CUDA系统学习之一软件堆栈架构
  • SpringBoot项目中替换指定版本的tomcat