发布网友 发布时间:2024-09-05 19:16
共1个回答
热心网友 时间:2024-10-27 12:07
vue2难还是vue3难Vue2和Vue3有一些不同,但都不算难。Vue2主要聚焦于性能提升及新功能的添加,主要是针对对原来版本中没有实现的需衡陪求;而Vue3则主要聚焦于增强已有功能,其中使用新的响应式原理和改猜ReactivityAPI来实现更加优雅的数据响应式编程。因此它们的学习难度差不多,要看以前的学习经验和相关咐歼蠢基础。
vue3对比vue2
1.vue3中template支持多个根标签
2.main.js
3.setup(取代datamethods)ref
4.v-model在组件中的运用
5.新组件Teleport
虽然,但是
在用ant-design-vue搭的架子中,如果使用了多个根标签,跳转页面之后会出现白板,重新刷新页面之后才正常显示。(也不知道是哪的问题,就。。还是用一个根标签吧。
createApp(组件)与newVue({template,render})
setup函数返回一个对象,这个对象中包含方法和数据,生命周期钩子函数也在setup中运行,取代的是vue2中的data,methods。
ref类型的数据,是一种响应式的数据,待续
vue2组件通信
vue3使用v-model组件通信
相当于子组件中的pVisible与父组件中宴空的isVisible双向绑定了,比vue2传统方法简化很多。
Teleport
有两个div分别是box1和box2,据经验所知,即使box1的孩子el1的z-index为10,el1的层级也没有box2高,一些情况下el1也会被box2遮住(因为即使el1的层级再高,也是在box1的层级下生存),猛祥袜这时候就可以用teleport组件包住el1,使其脱离box1层级的掌控,to表示重新找的爸爸
//待更新。枝激。。
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