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

相关推荐
liuchangng6 分钟前
Agent Skills 核心笔记_20260212095535
笔记
国产化创客13 分钟前
ESP32+Web实现智能气象站
前端·物联网·智能家居·智能硬件
山北雨夜漫步32 分钟前
点评day01,Session实现登录
笔记
蒸蒸yyyyzwd32 分钟前
cpp os 计网学习笔记
笔记·学习
前路不黑暗@37 分钟前
Java项目:Java脚手架项目的统一模块的封装(四)
java·开发语言·spring boot·笔记·学习·spring cloud·maven
PD我是你的真爱粉40 分钟前
Vue3核心语法回顾与Composition深入
前端框架·vue
coderYYY1 小时前
VSCode终端启动报错
前端·ide·vscode·npm·编辑器
tod1132 小时前
Redis 数据类型与 C++ 客户端实践指南(redis-plus-plus)
前端·c++·redis·bootstrap·html
Sylvia33.2 小时前
火星数据:棒球数据API
java·前端·人工智能
weixin199701080162 小时前
1688商品详情页前端性能优化实战
前端·性能优化