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

相关推荐
WHOVENLY6 小时前
【javaScript】- 笔试题合集(长期更新,建议收藏,目前已更新至31题)
开发语言·前端·javascript
QT 小鲜肉6 小时前
【Linux命令大全】001.文件管理之git命令(实操篇)
linux·服务器·笔记·git·elasticsearch
指尖跳动的光6 小时前
将多次提交合并成一次提交
前端·javascript
半夏知半秋6 小时前
docker常用指令整理
运维·笔记·后端·学习·docker·容器
程序员码歌6 小时前
短思考第263天,每天复盘10分钟,胜过盲目努力一整年
android·前端·后端
oden6 小时前
1 小时速通!手把手教你从零搭建 Astro 博客并上线
前端
若梦plus6 小时前
JS之类型化数组
前端·javascript
若梦plus6 小时前
Canvas 深入解析:从基础到实战
前端·javascript
若梦plus6 小时前
Canvas渲染原理与浏览器图形管线
前端·javascript
LXS_3576 小时前
Day 18 C++提高 之 STL常用容器(string、vector、deque)
开发语言·c++·笔记·学习方法·改行学it