Vue30新特性以及使用变更总结实

北京可以治疗白癜风的医院 https://yyk.39.net/hospital/89ac7_knowledges.html
前言

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/buttonbutton

click="decrease"减一/button/div/div/templatescriptexportdefault{data(){return{count:0,};},


转载请注明:http://www.aierlanlan.com/rzfs/0.html

  • 上一篇文章: 没有了
  •   
  • 下一篇文章: 没有了