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

相关推荐
小则又沐风a几秒前
深入了解进程概念 第二章
java·linux·服务器·前端
亲亲小宝宝鸭几秒前
微前端方案探索:qiankun
前端·微服务
渐儿1 分钟前
跨端框架实操开发文档:Electron / Tauri / React Native
前端
ZC跨境爬虫5 分钟前
跟着 MDN 学 HTML day_60:(表单与按钮技能测试实战)
服务器·前端·javascript·数据库·ui·html
lihaozecq5 分钟前
做 Agent SDK 必须支持的插件能力:8 个钩子搞定横切关注点
前端·agent·ai编程
智者知已应修善业14 分钟前
【74ls138+74ls00传送带故障报警】2024-1-9
驱动开发·经验分享·笔记·硬件架构·硬件工程
秦歌66614 分钟前
Agent Skills详解
服务器·前端·数据库
ljt272496066115 分钟前
Vue笔记(四)--组件基础
前端·vue.js·笔记
哈撒Ki15 分钟前
快速入门WebSocket
前端·websocket
张元清16 分钟前
React 里不用 setTimeout 的计时器写法:useTimeout、useInterval、useCountDown 和 useRafFn
前端·javascript·面试