vue2与vue3的区别
2021-06-19 本文已影响0人
门夹的脑子补核桃
最近接触并了解了vue3,发现vue2的语法vue3能够继续使用,并没有任何影响,但是vue3还是和vue2有很大区别的
1.template标签
我们在使用vue2的时候,template标签只能写一个元素,所以我们要用一个大的盒子把里面的元素包起来,但是vue3中却解除了这个限制,也就是说,一个template标签中可以写多个标签
![](https://img.haomeiwen.com/i26243622/c8e41855efd7b8e6.png)
2.建立数据
在vue2中,我们在写需要的数据的时候需要在export default的里面添加data并把它return出来
![](https://img.haomeiwen.com/i26243622/0045b8bd6e60b431.png)
而在vue3中,新增了个函数setup,
![](https://img.haomeiwen.com/i26243622/fbc2a8be7170e649.png)
vue2中的声明周期都是写在data外面的,和data同级,但是vue3的生命周期是写在setup函数里面的
3.绑定事件
vue3中的绑定事件和建立数据差不多
![](https://img.haomeiwen.com/i26243622/1871c12dc6e67085.png)