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

相关推荐
AbrahamCS14 分钟前
从角色协同到可运行图:Graph Engineer 与多智能体编排
前端·人工智能·智能体
BigTopOne25 分钟前
VS Code IntelliSense 配置(解决 #include 找不到的报红)
前端
愚公搬代码27 分钟前
【愚公系列】《Web应用安全》005-Visual Studio Code编辑器的使用
前端·安全·编辑器
用户9210802628630 分钟前
2. 以 Bubble 为例,看 Ant Design X Vue 组件是怎么设计的
前端
Liora_Yvonne33 分钟前
Monorepo 里的 shared、services 和 ui 到底怎么划分?
前端
PedroQue9935 分钟前
uni-router v2.1.0 升级:导航守卫全面支持返回值模式
前端·uni-app
墨雨晨曦8836 分钟前
2026/08/16 AI学习笔记
笔记·学习
猫七先生39 分钟前
从零到一:个人博客自动化部署踩坑全记录
前端
淼澄研学41 分钟前
Python调用通义千问API实现长尾搜题内容自动化生成实战
前端·react.js·架构
绿岛之北43 分钟前
Electron 安全入门:为什么一个 XSS 可能变成 RCE?
前端·electron