vue3--自定义 dialog

那么我们这里的 dialog 模态框需要具备以下能力：

• 当 dialog 显示时，内容视图应该不属于任何一个组件内部，而应该直接被插入到body下，这里需要用到vue3提供的新组件--Teleport 瞬移组件
• dialog 应该包含两部分内容，一部分为背景蒙版，一部分为内容的包裹容器
• dialog 应该通过一个双向绑定进行控制展示和隐藏
• dialog 展示时，滚动应该被锁定
• 内容区域应该接受所有的attrs，并且应该通过插槽让调用方指定其内容

components/Dialoog/index.vue

<template>
  <div>
    <Teleport to="body">
      <!-- 蒙版 -->
      <transition name="fade">