Vue3 新的组件

一、Fragment

在Vue2中：组件必须有一个根标签

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

好处：减小标签层级，减小内存占用

二、Teleport

什么是Teleport？------Teleport是一种能够将我们的组件html结构移动到指定位置的技术

<teleport to="移动位置">
    <div v-if="isShow" class="mask">
        <div class="dialog">
            <h3>我是一个弹窗</h3>
            <button @click="isShow = false">关闭弹窗</button>
        </div>
    </div>
</teleport>

三、Suspense

1、等待异步组件时渲染一些额外内容，让应用有更好的用户体验

2、使用步骤：