发布网友
发布时间：2024-09-25 21:28
共1个回答
热心网友
时间：2024-10-15 00:55
????最近接触并了解了vue3，发现vue2的语法vue3能够继续使用，并没有任何影响，但是vue3还是和vue2有很大区别的
1.template标签
????我们在使用vue2的时候，template标签只能写一个元素，所以我们要用一个大的盒子把里面的元素包起来，但是vue3中却解除了这个*，也就是说，一个template标签中可以写多个标签
2.建立数据
在vue2中，我们在写需要的数据的时候需要在export?default的里面添加data并把它return出来
而在vue3中，新增了个函数setup，
vue2中的声明周期都是写在data外面的，和data同级，但是vue3的生命周期是写在setup函数里面的
3.绑定事件
vue3中的绑定事件和建立数据差不多
Vue2和Vue3比较
Vue2和Vue3比较
1、2020年9月发布的正式版
2、Vue3支持大多数的Vue2的特性
3、Vue中设计了一套强大的组合API代替了Vue2中的optionAPI,复用性更强了
4、更好的支持TS
5、Vue3中使用了Proxy配合Reflect代替了Vue2中object.defineProperty()方法实现数据的响应式(数据代理)
6、重写了虚拟DOM,速度更快了
7、新的组件:Fragment(片段)/Teleport(瞬移)/Suspense(不确定)
8、设计了一个新的脚手架工具,vite
vue2和vue3区别面试题1、vue2相较vue3代码可读性比较差。vue2中选项API格式的代码的可读性较差，当需要实现的某一个功能涉及到多个属性的时候，就会出现在
props中接收参数
在data中定义变量
在watch中监听变化
在computed中定义需要使用到的计算属性
在methods中定义事件响应方法
对相同数据操作的代码会被分隔到各个属性内，不利于阅读代码。而vue3的组合式API对这一缺点进行了优化，使用组合式API能够将我们想要关联的代码放到一个组合里，增加了代码的可读性和可维护性。
2、vue2使用的API中使我们的代码大量的使用了this，不利于代码逻辑的复用。而vue3使用的组合式API在涉及到跨组件之间提取，复用逻辑时，会非常的灵活。且Vue3中的compositionAPI对类型推导很友好，对于TS的兼容性更高。
3、Vue2需要对每个对象的每个属性进行遍历，当对象的属性还是对象时，需要递归监听，影响性能。对于已创建的实例不允许动态添加根级别的响应式属性，不具备监听数组的能力。而vue3可以监听原生数组并监听对象属性的动态添加和删除。
vue3与vue2的比较vue2是一个构造函数，通过new创建一个Vue实例
vue3是一个对象。通过对象Vue的createApp()方法创建一个vue实例
vue2
vue3
vue2可以是一个对象或者由方法返回一个对象
vue3只能由方法返回一个对象
vue2的属性不具备相应式，要实现响应式有两种方法
(1).forceUpdate()强制刷新页面，比较损耗性能
(2).set()方法给对象添加新属性，针对性强制刷新，性能消耗低
(3).push、pop、unshift、shift、sort、reverse、splice
vue3实现响应式数据
Copyright © 2019-2022 51dongshi.com 版权所有
违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务
