vue3和vue2区别总结


(1)vue3比vue2速度快百分三四十

(2)vue3的数据绑定是通过proxy而vue2是通过defineProperty进行数据劫持

  • vue3使用的是Proxy对象进行代理,对数据进行监控,而vue2是使用object.defineProperty()来实现的。

  • vue2针对数组或者对象的新增属性的变化是需要专门用vue.set方法去做处理,通过命令的方式添加一个监控。

  • vue3使用ES6的proxy自然而然的取消了set方法,无形之中给我们省了很多代码。

  • 所以,再也不用vue.set()了

(3)生命周期函数名字的修改

Vue3 中有 选项式API 和 组合式API ,两者的生命周期钩子有些许不同:

  • 选项式API

    beforeUnmount(在Vue2中是:beforeDestroy):在卸载组件实例之前调用

    unmounted (在Vue2中是: destroyed):卸载组件实例后调用

  • 组合式API的生命周期钩子

其中setup在created之前,是围绕之前两个生命周期的,所以就没有created和beforeCreate了


文章作者: iamfugui
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 iamfugui !
评论
  目录