vue3：26—新的内置组件

目录

Teleport

Suspense

---

Teleport

什么是Teleport?

Teleport 是一种能够将我们的组件html结构移动到指定位置的技术

当在元素中的css使用了filter滤镜属性的时候，会导致内部 fixed 元素定位发生错误，即不再相对 viewport 进行定位，而是相对整个filter属性的容器元素(父元素)进行定位。这个时候就需要用到teleport了。

 

    

        
我是一个弹窗
        
我是弹窗中的一些内容
        关闭弹窗
    

Suspense

Suspense | Vue.js

等待异步组件时渲染一些额外内容，让应用有更好的用户体验

使用 Suspense 包裹组件，并配置好default 与 fallback

关键代码如下

import {defineAsyncComponent,Suspense }from "vue"

const Child =defineAsyncComponent(()=>import('./Child.vue'))

完整代码如下图