11_Vue3中的新的组件

1. Fragment

  • 在Vue2中:组件必须要有一个跟标签
  • 在Vue3中:组件可以没有根标签,内部会将多个标签包含在一个Fragment虚拟元素中
  • 好处:减少标签层级,减少内存占用

2. Teleport

  • 什么是Teleport?------Teleport 是一种能够将我们的组件html结构移动到指定位置的技术。、
javascript 复制代码
<teleport to="body">
      <div class="mask" v-if="isShow">
        <div class="dialog"  >
          <h4>我是一个弹窗</h4>
         <button @click="isShow = false">点我关闭弹窗</button>
        </div>
      </div>
    </teleport>

3. Suspense

相关推荐
我是伪码农14 分钟前
HTML和CSS复习
前端·css·html
林恒smileZAZ16 分钟前
前端实现进度条
前端
前端老石人19 分钟前
邂逅前端开发:从基础到实践的全景指南
开发语言·前端·html
阿珊和她的猫29 分钟前
以用户为中心的前端性能指标解析
前端·javascript·css
木心术129 分钟前
OpenClaw网页前端开发与优化全流程指南
前端·人工智能
Amumu1213829 分钟前
HTML5的新特性
前端·html·html5
风清云淡_A35 分钟前
【vue3+ArcGIS5】web开发中的地图功能从入门到实战三:在地图上画形状
vue
SeSs IZED35 分钟前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx
成都渲染101云渲染66661 小时前
跳出“硬件堆砌”陷阱|渲染101如何用技术重构云渲染的专业价值?
java·前端·javascript
快乐点吧1 小时前
【前端】前端开发中如何高效利用 curl 工具
前端·状态模式