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

相关推荐
用户761736354019 分钟前
浏览器渲染原理
前端·浏览器
拉不动的猪10 分钟前
Vue 跨组件通信底层:provide/inject 原理与实战指南
前端·javascript·面试
得物技术10 分钟前
从数字到版面:得物数据产品里数字格式化的那些事
前端·数据结构·数据分析
用户66006766853922 分钟前
用 Symbol 解决多人协作中的对象属性冲突实战
前端·javascript
yinuo25 分钟前
前端跨页面通讯终极指南①:postMessage 用法全解析
前端
c***979838 分钟前
Vue性能优化实战
前端·javascript·vue.js
哈哈O哈哈哈41 分钟前
ECMAScript 2025 正式发布:10 个让你眼前一亮的 JavaScript 新特性!
前端·javascript
哈哈O哈哈哈44 分钟前
2025 年值得关注的 CSS 新属性与功能
前端·css
我叫张小白。1 小时前
TypeScript泛型进阶:掌握类型系统的强大工具
前端·javascript·typescript
麦麦在写代码1 小时前
前端学习4
前端·学习