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

相关推荐
码事漫谈几秒前
可能,AI早都觉醒了
前端
hssfscv2 分钟前
JavaWeb学习笔记——后端实战1_准备工作
笔记·后端·学习
JavaLearnerZGQ2 分钟前
redis笔记大全
数据库·redis·笔记
qq_4061761436 分钟前
JS 事件循环(Event Loop)
开发语言·前端·javascript
Codebee38 分钟前
ooder A2UI ES6版本正式发布:现代化模块架构,MIT开源许可
前端
Devin_chen42 分钟前
4.前端使用Node + MongoDB + Langchain消息管理与聊天历史存储
前端·langchain
前端er小芳1 小时前
前端文件 / 图片核心 API 全解析:File、FileReader、Blob、Base64、URL
前端
twl1 小时前
探索Agent RAG: 一文讲清楚从理论到具体落地
前端
Joyee6911 小时前
RN 的初版架构——运行时异常与异常捕获处理
react native·前端框架
FinClip1 小时前
赢千元好礼!FinClip Chatkit “1小时AI集成挑战赛”,邀你来战!
前端