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

相关推荐
橘子星13 小时前
React Context + 自定义 Hooks:告别 Props 地狱,一行代码跨层级传数据
前端·javascript
moMo13 小时前
前端路由,其实就是三个对象在演戏
前端·react.js
用户29307509766913 小时前
React 自定义 Hooks 实战:用 useMouse 理解响应式封装
前端
小月土星13 小时前
自定义业务 Hook:从零解剖一个 React + TypeScript Todo 应用:用金字塔思维看透前端架构
react.js·架构·前端框架
触底反弹13 小时前
🔥 别再只用 useRef 拿 DOM 了!这 5 个实战场景让你彻底理解它(附源码解析 + 面试题)
前端·javascript·react.js
什仙13 小时前
Maxwell:提取实体表面,用于扫掠。
笔记·学习·ansys·maxwell
玉宇夕落13 小时前
useRef + Web Worker —— 从零到一理解React多线程协作原理
前端
用户69190268133913 小时前
React useRef、useEffect、useState 与 Web Worker 多线程实践
前端
烬羽13 小时前
useContext 用是用了,但你真的用对了吗?——把 Context 封装进自定义 Hook
前端·react.js·全栈
做前端的娜娜子13 小时前
JavaScript 闭包
前端·javascript·掘金·金石计划