乐趣区

关于前端:使用Vue3和Vue2进行开发的区别

应用 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…

退出移动版