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

相关推荐
IT_陈寒3 小时前
React的这个渲染问题连官方文档都没说清楚
前端·人工智能·后端
追逐时光者4 小时前
别再满网找零散工具了,腾讯 QQ 浏览器这个“帮小忙”工具箱真能省时间
前端·后端
Asmewill6 小时前
grep&curl命令学习笔记
前端
stringwu6 小时前
Flutter 开发必备:MVI 架构的高效实现指南
前端·flutter
用户2136610035727 小时前
Vue2组件化开发与父子通信
前端·vue.js
Momo__8 小时前
TypeScript satisfies 操作符——比 as 更安全的类型守门员
前端·typescript
用户2136610035728 小时前
Vue2事件系统与指令进阶
前端·vue.js
labixiong8 小时前
实现一个能跑的迷你版Promise(一)
前端·javascript·面试
Csvn10 小时前
`??` 和 `||` 搞混,线上用户头像全挂了
前端
kyriewen10 小时前
白宫前脚下了限制令,OpenAI 后脚就把 GPT-5.6 发了
前端·gpt·openai