应用Vue3和Vue2进行开发的区别

笔者尽管老早就是用vue3进行开发了,然而上次有人问道应用vue3进行开发跟应用vue2进行开发的区别有哪些这个问题的时候,答复的还是有些琐碎,罗唆明天专门整顿一下,做个记录。

一、再也不必set了

家喻户晓,vue3应用的是Proxy对象进行代理,对数据进行监控,而vue2是应用object.defineProperty()来实现的,针对数组或者对象的新增属性的变动是须要专门用vue.set办法去做解决,通过命令的形式增加一个监控。大家有趣味能够看看Proxy如何应用,就晓得vue3自然而然的勾销了set办法,无形之中给咱们省了很多代码。微笑.png

二、组合式书写模式

vue2中在一个组件里咱们分门别类的把一些性能放在钩子函数、办法、data办法中,这对于一些不习惯拆分组件的人来说当代码量沉积到肯定水平后,从data函数中定义的一个变量再到须要用到这个变量的第一个函数之间可能逾越了几百行代码,来回翻都会感觉很累。组合式API则相当于依照性能把代码放到了一起,你能够在变量的前面间接watch它或者写一些利用它的变量等等。

三、编写形式的更改

vue3跟vue2的一些书写形式变了很多,以至于过后迁徙一个小我的项目都用了半天的工夫。具体的更改内容大家能够看看官网,外面有具体介绍https://v3.cn.vuejs.org/guide...