内联组件

Qwik 的一项强大功能在于其延迟加载功能。每个组件都会生成一个单独的 Symbol,该 Symbol 会按需下载。这使您可以构建一个包含许多组件的大型应用程序,并且只下载当前视图所需的组件。

但在某些情况下,您可能希望将组件与父组件一起加载。例如,如果您有一个始终与 <App> 组件一起使用的 <Greeter> 组件,您可能希望将 <Greeter> 组件与 <App> 组件一起加载。这称为 内联组件

在本例中,<App><Greeter> 组件已为您准备就绪。<Greeter /> 组件使用 component$() 方法声明,是一个 Qwik 组件。删除 component$()<Greeter> 转换为 内联组件

打开 Symbols 选项卡,您会注意到 <Greeter /> 组件不再是独立的导出,而是作为 <App> 组件的一部分进行捆绑。

编辑教程