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

相关推荐
一行代码一行诗++7 小时前
注释是什么和注释该怎么写(C语言)
java·前端·javascript
LZYmarks7 小时前
小白买车笔记
笔记
涂兵兵_青石疏影7 小时前
beginPath-vs-save详解
前端
泽_浪里白条8 小时前
我在 Superset 6.x 做自定义图表 + Embedded SDK 集成的实战复盘(附踩坑清单)
前端·数据可视化
码途漫谈8 小时前
Easy-Vibe开发篇阅读笔记(二)——前端开发之Figma与MasterGo入门
人工智能·笔记·ai·开源·ai编程·figma
幽络源小助理8 小时前
小六壬排盘工具源码 自适应双端 纯原生HTML+JS
前端·javascript·html
LaLaLa_OvO8 小时前
jetbrains 的 datagrip 导出csv,中文乱码
笔记
大囚长8 小时前
权力的哲学洞察与反思
笔记
Championship.23.249 小时前
Open Source Pipeline Skill深度解析:自动化开源贡献全流程
前端·javascript·html
Bigger9 小时前
🧠 前端岗位的"结构性调整":现象背后的冷思考
前端·程序员·ai编程