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

相关推荐
浏览器API调用工程师_Taylor几秒前
AOP魔法:一招实现登录弹窗的全局拦截与动态处理
前端·javascript·vue.js
FogLetter2 分钟前
初识图片懒加载:让网页像"懒人"一样聪明加载
前端·javascript
微客鸟窝3 分钟前
一文搞懂NVM管理Node.js:从安装到实战全攻略
前端
归于尽3 分钟前
Cookie、Session、JWT 的前世今生
前端
程序员辉哥5 分钟前
学会在Cursor中使用Rules生成代码后可以躺平了吗?
前端·后端
请你吃div9 分钟前
JavaScript 实用函数大全(超实用)
前端·javascript·面试
一个水瓶座程序猿.11 分钟前
Vue3 中使用 Vueuse
前端·javascript·vue.js
夏梦春蝉11 分钟前
ES6从入门到精通:Symbol与迭代器
前端·javascript·es6
UQI-LIUWJ12 分钟前
计算机组成笔记:缓存替换算法
笔记·缓存
一个水瓶座程序猿.15 分钟前
ES6数组的`flat()`和`flatMap()`函数用法
前端·ecmascript·es6