vue3中suspense的使用

1.作用：suspense在等待异步组件时额外渲染一些内容，使用户拥有更好的体验。

2.使用：

　引入异步组件，Child需要在components里注册

import {defineAsyncComponent} from 'vue' 
// import demo from './components/demo.vue' //静态引入
const Child = defineAsyncComponent(()=>import('./components/demo.vue'))//动态引入

　使用susoense包裹组件，并配置好default和fallback

这是我子组件里面写的内容，方便查看效果

看看效果：

子组件在等待结果的时候会先渲染fallback里面的内容

 加载完成后显示子组件