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

相关推荐
噜噜噜阿鲁~几秒前
python学习笔记 | 7.4、高级特性-生成器
笔记·python·学习
Rabbit_QL1 分钟前
【前端工具链小白篇】前端工具链全景:Node、npm、Vite 各管什么
前端·npm·node.js
身如柳絮随风扬1 分钟前
前端基础进阶:Node.js + ES6 + Axios + Vue 全面入门指南
前端·node.js·es6
handler012 分钟前
【Linux 笔记】GDB 调试速查手册
linux·运维·c语言·c++·笔记
九思十安3 分钟前
HNU2026-算法设计与分析-笔记 3 摊还分析
笔记·算法
byoass4 分钟前
文件版本管理的设计与实现:解决协同编辑丢数据的核心方案
前端·javascript·网络·数据库·安全·云计算
胡图图不糊涂^_^5 分钟前
网络原理笔记
java·网络·笔记·学习·tcp/ip·http·https
yqcoder8 分钟前
前端性能优化基石:深入解析 CSS 雪碧图 (CSS Sprites)
前端·css·性能优化
三品吉他手会点灯8 分钟前
STM32 VSCode 开发-与Keil MDK协同开发环境搭建
笔记·vscode·stm32·单片机·嵌入式硬件
身如柳絮随风扬8 分钟前
Vue项目搭建与实战:从vue-cli到vue-admin-template完整指南
前端·javascript·vue.js