Vue3.0在去年9月正式发布了,也有许多小伙伴都热情的拥抱Vue3.0。去年年底我们新项目使用Vue3.0来开发,这篇文章就是在使用后的一个总结,包含Vue3新特性的使用以及一些用法上的变更。
图片.png为什么要升级Vue3使用Vue2.x的小伙伴都熟悉,Vue2.x中所有数据都是定义在data中,方法定义在methods中的,并且使用this来调用对应的数据和方法。那Vue3.x中就可以不这么玩了,具体怎么玩我们后续再说,先说一下Vue2.x版本这么写有什么缺陷,所以才会进行升级变更的。
回顾Vue2.x实现加减templatedivclass="homePage"pcount:{{count}}/pp倍数:{{multiple}}/pdivbuttonstyle="margin-right:10px"
click="increase"加1/buttonbuttonclick="decrease"减一/button/div/div/templatescriptexportdefault{data(){return{count:0,};},