vue2和vue3的区别

** 一、vue2和vue3双向数据绑定原理发生了改变**

vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。

vue3 中使用了 es6 的 ProxyAPI 对数据代理。

二、Vue3支持碎片(Fragments)

Vue 3 的 Template 支持多个根标签，Vue 2 不支持

三、Vue 3 有 createApp()，而 Vue 2 的是 new Vue()

四、v-model代替以前的v-model和.sync

五、生命周期的不同 （setup 代替了beforeCreate和Created）

Vue2--------------vue3
beforeCreate -> setup()
created -> setup()
beforeMount -> onBeforeMount
mounted -> onMounted
beforeUpdate -> onBeforeUpdate
updated -> onUpdated
beforeDestroy -> onBeforeUnmount
destroyed -> onUnmounted
activated -> onActivated
deactivated -> onDeactivated

**六、父子传参不同，setup()函数特性 **

** 七、Composition API（Vue2 与vue3 最大的区别是vue2使用选项类型api，对比vue3合成型api）**

八 v-if和v-for的区别

• 在 vue 2.x 中，在一个元素上同时使用 v-if 和 v-for 时， v-for 会优先作用。
• 在 vue 3.x 中， v-if 总是优先于 v-for 生效。