05.Vue3的面试必背技能点（四）：Fragment组件、Teleport组件、Suspense组件；

一、Fragment组件

1.定义

• 组件可以没有根标签，内部会将多个标签包含在一个Fragment虚拟元素中；

• 减少标签层级，减小内存占用；

2.示例代码：

<!-- setupDemo10.vue -->
<template>
  <div>
      结点01
  </div>
  <div>
      结点02
  </div>
</template>

二、Teleport组件

1.定义

• 是一个内置组件，将一个组件内部的部分模板“传送”到该组件的 DOM 结构最外层；

2.示例代码：

<!-- setupDemo10.vue -->
<template>
  <div>
      <div>
          <teleport to='body'>
              <!-- 遮罩弹窗层 -->
              <div class="mask" v-if="showPopStatus">