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

相关推荐
23471021272 小时前
4.18 学习笔记
软件测试·笔记·python·学习
Highcharts.js7 小时前
Highcharts 云端渲染的真相:交互式图表与服务器端生成的边界
前端·信息可视化·服务器渲染·highcharts·图表渲染
zhuyan1088 小时前
Linux 系统磁盘爆满导致无法启动修复指南
前端·chrome
编程牛马姐8 小时前
独立站SEO流量增长:提高Google排名的优化方法
前端·javascript·网络
NotFound4868 小时前
实战指南如何实现Java Web 拦截机制:Filter 与 Interceptor 深度分享
java·开发语言·前端
xzal128 小时前
python中,turtle基础知识笔记1
笔记·python·turtle
Dontla9 小时前
高基数(High Cardinality)问题介绍(Prometheus、高基数字段、低基数字段)
前端·数据库·prometheus
鱼鳞_10 小时前
Java学习笔记_Day29(异常)
java·笔记·学习
whuhewei11 小时前
为什么客户端不存在跨域问题
前端·安全
妮妮喔妮11 小时前
supabase的webhook报错
开发语言·前端·javascript