vue2难还是vue3难
Vue 2和Vue 3有一些不同，但都不算难。Vue 2主要聚焦于性能提升及新功能的添加，主要是针对对原来版本中没有实现的需衡陪求；而Vue 3则主要聚焦于增强已有功能，其中使用新的响应式原理和改猜Reactivity API来实现更加优雅的数据响应式编程。因此它们的学习难度差不多，要看以前的学习经验和相关咐歼蠢基础。
vue3对比vue2
1.vue3中template支持多个根标签
2.main.js
3. setup （取代data methods） ref
4. v-model在组件中的运用
5.新组件 Teleport
虽然，但是
在用ant-design-vue搭的架子中，如果使用了多个根标签，跳转页面之后会出现白板，重新刷新页面之后才正常显示。（也不知道是哪的问题，就。。还是用一个根标签吧。
createApp( 组件 )与new Vue( {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中的option API , 复用性更强了
4、更好的支持TS
5、Vue3中使用了Proxy配合Reflect代替了Vue2中object.defineProperty()方法实现数据的响应式(数据代理)
6、重写了虚拟DOM,速度更快局肆了
7、新的桐或轿组件: Fragment(片段) / Teleport(瞬移) / Suspense( 不确定)
8、设计了一个新的脚手架工具,vite
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
