Skip to main content

Vue3 和 Vue2 的区别

  1. 生命周期的变化
    • vue2 中的 beforeCreate 和 created 被一个新增的 setup 生命周期函数代替,setup 函数会在组件创建之前就执行。
    • beforeDestory 和 destoryed 分别改名为 beforeUnmount 和 unmounted。

image.png

  1. 由原来的 Object.defineProperty()进行数据劫持,改变为 Proxy 进行数据代理。

  2. createApp() 代替了 new Vue()

  3. v-model 代替了以前的 v-model 和 .sync

  4. 根元素可以有不止一个元素了

  5. 打包体积变化:vue3 支持了 tree-shaking,排除任何未使用的代码,打包体积减小。

参考文章

官方文档写了(中文在这),