14.异步组件&代码分包&suspense


异步组件在大型应用中,我们可能需要将应用分割成小一些的代码块 并且减少主包的体积

这时候就可以使用异步组件

顶层 **<font style="color:rgb(79, 79, 79);">await</font>**

<font style="color:rgb(77, 77, 77);">在setup语法糖里面 使用方法</font>

<font style="color:rgb(77, 77, 77);"><script setup></font> 中可以使用顶层 <font style="color:rgb(77, 77, 77);">await</font>。结果代码会被编译成 <font style="color:rgb(77, 77, 77);">async setup()</font>

父组件引用子组件 通过 defineAsyncComponent 加载异步配合 import 函数模式便可以分包





      
评论
 上一篇
13.插槽slot 13.插槽slot
1.匿名插槽 2132 2.具名插槽 具名插槽其实就是给插槽取个名字。一个子组件可以放多个插槽,而且可以放在不同的地方,而父组件填充内容时,可以根据这个名字把内容填充
2025-01-30 leader755
下一篇 
15.Teleport传送组件 15.Teleport传送组件
<font style="color:rgb(77, 77, 77);">Teleport</font> Vue 3.0 新特性之一。 <font style="color:rg
2025-01-30 leader755
  目录