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

相关推荐
用户900463370406 小时前
5MB vs 4KB vs 无限大:浏览器存储谁更强?
前端
小小小小宇6 小时前
Harness Engineering 全解析与应用
前端
牧艺7 小时前
cos-design v3.0:从 15 个 Demo 到 49 个组件的视觉特效库
前端·视觉设计
lichenyang4537 小时前
ASCF 架构升级总览:WebRuntimePage 为什么要变薄
前端
道友可好7 小时前
从今天开始:你的第一个 Harness Engineering 实践
前端·人工智能·后端
Linsk7 小时前
组件 = 模板 + 业务逻辑
java·前端·vue.js
二月龙8 小时前
移动端 H5 页面开发:响应式适配 + 低版本兼容实战指南
前端
小强19888 小时前
HTML5 新表单全解:日期、手机号、颜色选择器
前端
妙码生花8 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(二):目录结构、初始化 GIT、设计并开发配置系统
前端·后端·go
鱼人8 小时前
HTML5 本地存储终极指南
前端