上海网站建设高端,wordpress 快讯模板,网站推荐界面,wordpress模板论坛使用Vue3和Vue2进行开发的区别 笔者虽然老早就是用vue3进行开发了#xff0c;但是上次有人问道使用vue3进行开发跟使用vue2进行开发的区别有哪些这个问题的时候#xff0c;回答的还是有些琐碎#xff0c;干脆今天专门整理一下#xff0c;做个记录。 一、再也不用set了 众所… 使用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/migration/introduction.html#%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B © 著作权归作者所有,转载或内容合作请联系作者 喜欢的朋友记得点赞、收藏、关注哦
