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

相关推荐
十月的皮皮几秒前
STM32从零到量产开发:四路继电器工业控制模块开发实战笔记(小白视角)
c语言·笔记·stm32·stm32cubemx·hal库
weedsfly4 分钟前
从类继承到自定义 Hook:模板方法模式的前端演进
前端·javascript·面试
疯狂打码的少年5 分钟前
【软件工程】软件项目管理(人员/产品/过程/项目)
笔记·软件工程
Quz5 分钟前
QML 线性布局:Row/RowLayout 与 Column/ColumnLayout
前端·qt
你为她披上外套时我正站在窗外9 分钟前
用 Rust + WebAssembly 写了个字幕工具,文件全程不离开浏览器
前端
帅帅哥的兜兜9 分钟前
AI模型初了解
前端
bonechips10 分钟前
React + WebGPU(二):合成事件与进度条组件封装
前端·react.js
我是大卫13 分钟前
【图】React源码解析-从底层数据结构、渲染调度到闭包原理深挖useRef的核心机制
前端·react.js·源码
光影少年19 分钟前
RN导航与路由
前端·react native·react.js
smallcelebration30 分钟前
139 @vueuse/core依赖介绍使用
前端·javascript·vue.js