Question

考点

js语言和框架-vue.js-基本语法-if\show

面5笔5

Vue2和Vue3的区别

Answer 1

解答

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

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

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

二、Vue3支持碎片(Fragments)

就是说在组件可以拥有多个根节点。

三、生命周期钩子不同 — 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瞬移组件