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