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

相关推荐
冴羽5 分钟前
在浏览器控制台调试的 6 个秘密技巧
前端·javascript·chrome
青莲8437 分钟前
查找算法详解
android·前端
前端Hardy7 分钟前
别再手动调 Prompt 了!这款开源神器让 AI 输出质量提升 300%,支持 Claude、GPT、Gemini,还免费开源!
前端·javascript·面试
yuhaiqiang7 分钟前
谈谈什么是多AI交叉论证思维
前端·后端·面试
青莲8438 分钟前
排序算法详解
android·前端
留声8 分钟前
Vue3 动态路由实战:基于权限的动态路由管理与常见坑点解析
前端
许留山11 分钟前
前端 PDF 导出:从文件流下载到自动分页
前端·react.js
做cv的小昊14 分钟前
大语言模型系统:【CMU 11-868】课程学习笔记06——Transformer学习(Transformer)
笔记·学习·语言模型
蓝鲸有腿16 分钟前
项目部署后->这样通知用户刷新
前端
少卿16 分钟前
OpenClaw github 技能:让 GitHub 操作像聊天一样简单
前端