vue2和vue3区别

前言:目前使用的是vue2版本，了解一下vue3使用上的区别吧。

生命周期

Vue2--------------vue3

beforeCreate -> setup()

created -> setup()

beforeMount -> onBeforeMount

mounted -> onMounted

beforeUpdate -> onBeforeUpdate

updated -> onUpdated

beforeDestroy -> onBeforeUnmount

destroyed -> onUnmounted

activated -> onActivated

deactivated -> onDeactivated

vue3还提供了两个调试的钩子 onRenderTracked 状态跟踪,onRenderTriggered 状态触发

Vue3支持碎片(Fragments)

.Vue3支持碎片(Fragments)

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

vue2：

<template>
  <div>
    <h2> xxx </h2>
    <text> xxx <text>
  </div>
</template>

vue3：

<template>
  <div> XXX </div>
  <h2> xxx </h2>
  <text> xxx <text>
</template>

组件传参函数不同

。。。。。。。