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

相关推荐
tangyal几秒前
渗透笔记1
笔记·网络安全·渗透
fanged1 小时前
STM32(5)--HAL1(TODO)
笔记
南半球与北海道#2 小时前
前端打印(三联纸票据打印)
前端·vue.js·打印
董世昌413 小时前
深入浅出 JavaScript 常用事件:从原理到实战的全维度解析
前端
grd43 小时前
RN for OpenHarmony 小工具 App 实战:屏幕尺子实现
笔记·harmonyos
满栀5853 小时前
分页插件制作
开发语言·前端·javascript·jquery
qq_406176143 小时前
深入剖析JavaScript原型与原型链:从底层机制到实战应用
开发语言·前端·javascript·原型模式
丝斯20113 小时前
AI学习笔记整理(50)——大模型中的Graph RAG
人工智能·笔记·学习
开开心心_Every4 小时前
免费窗口置顶小工具:支持多窗口置顶操作
服务器·前端·学习·macos·edge·powerpoint·phpstorm
小+不通文墨4 小时前
“超声波测量声速”实验报告
经验分享·笔记·学习·学习方法