以下总结了vue2和vue3之间几点重大的区别:
一、Composition API
这是vue2.x和vue3.x之间最大的区别。Vue2使用选项类型API(Options API)相比之下,Vue3使用合成型API(Composition API)。
二、vue2和vue3双向数据绑定原理发生了改变
vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。
vue3 中使用了 es6 的 ProxyAPI 对数据代理。
三、Vue3支持碎片(Fragments)
就是说在组件可以拥有多个根节点。
四、建立数据
Vue2 - 这里把数据放入data属性中。
在Vue3.0,我们就需要使用一个新的setup()方法,此方法在组件初始化构造的时候触发。
五、生命周期钩子不同 — Lifecyle Hooks
Vue2--------------vue3
beforeCreate -> setup()
created -> setup()
beforeMount -> onBeforeMount
mounted -> onMounted
beforeUpdate -> onBeforeUpdate
updated -> onUpdated
beforeDestroy -> onBeforeUnmount
destroyed -> onUnmounted
activated -> onActivated
deactivated -> onDeactivated
六、父子传参不同
七、vue3新增了Teleport瞬移组件
好啦,以上就是vue2.x和vue3.x之间几点重大的区别,感谢阅读。关注我,为你带来更多有用的前端知识。