内联组件
Qwik 的一项强大功能在于其延迟加载功能。每个组件都会生成一个单独的 Symbol,该 Symbol 会按需下载。这使您可以构建一个包含许多组件的大型应用程序,并且只下载当前视图所需的组件。
但在某些情况下,您可能希望将组件与父组件一起加载。例如,如果您有一个始终与 <App> 组件一起使用的 <Greeter> 组件,您可能希望将 <Greeter> 组件与 <App> 组件一起加载。这称为 内联组件。
在本例中,<App> 和 <Greeter> 组件已为您准备就绪。<Greeter /> 组件使用 component$() 方法声明,是一个 Qwik 组件。删除 component$() 将 <Greeter> 转换为 内联组件。
打开 Symbols 选项卡,您会注意到 <Greeter /> 组件不再是独立的导出,而是作为 <App> 组件的一部分进行捆绑。