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

相关推荐
喝咖啡的女孩1 分钟前
React 合成事件系统
前端
从文处安14 分钟前
「九九八十一难」组合式函数到底有什么用?
前端·vue.js
用户59625857360627 分钟前
戴上AI眼镜逛花市——感受不一样的体验
前端
yuki_uix31 分钟前
Props、Context、EventBus、状态管理:组件通信方案选择指南
前端·javascript·react.js
老板我改不动了32 分钟前
前端面试复习指南【代码演示多多版】之——HTML
前端
panshihao34 分钟前
Mac 环境下通过 SSH 操作服务器,完成前端静态资源备份与更新(全程实操无坑)
前端
hulkie1 小时前
从 AI 对话应用理解 SSE 流式传输:一项 "老技术" 的新生
前端·人工智能
dobym1 小时前
里程碑五:Elpis框架npm包抽象封装并发布
前端
全栈老石1 小时前
手写无限画布4 —— 从视觉图元到元数据对象
前端·javascript·canvas
牛奶1 小时前
React 底层原理 & 新特性
前端·react.js·面试