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

相关推荐
相信神话20219 分钟前
第六章:迷你项目:「投壶」单关卡小游戏
前端
234710212712 分钟前
4.20 学习笔记
软件测试·笔记·python·学习
晴天丨12 分钟前
🔔 如何实现一个优雅的通知中心?(Vue 3 + 消息队列实战)
前端·vue.js
冰凌时空12 分钟前
30 Apps 第 1 天:待办清单 App —— 数据层完整设计
前端·ios
不思进取的程序猿14 分钟前
前端性能调优实战指南 — 22 条优化策略
前端
yuki_uix15 分钟前
HTTP 缓存策略:新鲜度与速度的权衡艺术
前端·面试
哈撒Ki15 分钟前
快速入门 Dart 语言
前端·flutter·dart
ZC跨境爬虫21 分钟前
3D 地球卫星轨道可视化平台开发 Day5(简介接口对接+规划AI自动化卫星数据生成工作流)
前端·人工智能·3d·ai·自动化
毛骗导演22 分钟前
Claude Code Agent 实现原理深度剖析
前端·架构
星晨雪海25 分钟前
若依框架原有页面功能进行了点位管理模块完整改造(3)
开发语言·前端·javascript