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

相关推荐
nnsix6 小时前
JIT(即时编译)、 AOT(预先编译)、虚拟机CLR 笔记
笔记
ZC跨境爬虫7 小时前
跟着 MDN 学CSS day_16:(深入掌握背景与边框的艺术)
前端·css·ui·html·tensorflow
NULL指向我7 小时前
Simplis仿真笔记1:Simplis_V8.4_x64安装过程
笔记
ouliten9 小时前
[Triton笔记6]层标准化
笔记
道里9 小时前
花了 5 万刀用 AI 写代码之后,这是我的全部经验
前端·人工智能
Royzst9 小时前
xml知识点
java·服务器·前端
IT_陈寒10 小时前
React useEffect闭包陷阱差点把我整失业了
前端·人工智能·后端
玄米乌龙茶12310 小时前
思维导图笔记:Prompt工程
笔记·prompt
kyriewen11 小时前
推行AI写代码一年后,Code Review变成了新的加班理由
前端·ai编程·cursor
zhangrelay11 小时前
ROS 2 Lyrical Luth启程-Ubuntu26.04-
linux·笔记·学习·ubuntu