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

相关推荐
wefly201710 小时前
告别繁琐配置!m3u8live.cn让 M3U8 链接验证变得如此简单
开发语言·前端·python·django·flask·开发工具
FL162386312910 小时前
使用html实现超炫登录界面和diango实现同样登录界面
前端·html
Irissgwe10 小时前
基础I/O
java·linux·前端
智者知已应修善业10 小时前
【花费最少钱加油到最后(样例数据推敲)】2024-11-18
c语言·c++·经验分享·笔记·算法
就叫飞六吧10 小时前
文件共享协议科普
笔记
巫山老妖10 小时前
多 Agent 协作实战:我用 3 只龙虾组了个「AI小分队」,效率直接翻倍
java·前端
DyLatte10 小时前
理性到最后,其实是一场下注
前端·后端·程序员
橘哥哥10 小时前
vue中读取静态配置文件中内容
前端·javascript·vue.js
废嘉在线抓狂.10 小时前
简易拆开即用的高性能计时器(C#)
前端·unity·c#
yuguo.im10 小时前
91 行代码实现一个打飞机游戏(HTML5 Canvas 版)
前端·游戏·html5·打飞机