SPA的动态模型到组件映射

本文档介绍如何在适用于AEM的Javascript SPA SDK中进行动态模型到组件的映射。

组件映射模块

ComponentMapping模块作为NPM包提供到前端项目。 它存储前端组件，并为单页应用程序提供了一种将前端组件映射到AEM资源类型的方法。 这样，在解析应用程序的JSON模型时，就可以动态解析组件。

模型中存在的每个项目都包含一个公开AEM资源类型的:type字段。 装载后，前端组件可以使用从基础库收到的模型片段呈现自身。

请参阅SPA Blueprint文档，以了解有关模型解析和对模型的前端组件访问的详细信息。

另请参阅npm包：@adobe/aem-spa-component-mapping

模型驱动的单页应用程序

使用适用于AEM的Javascript SPA SDK的单页应用程序由模型驱动：

1. 前端组件自行注册到组件映射存储。

2. 然后，容器一旦由模型提供程序提供了模型，则会迭代其模型内容(:items)。

3. 对于页面，其子项(:children)首先从组件映射中获取组件类，然后将其实例化。

应用程序初始化

每个组件都使用ModelProvider的功能进行扩展。 因此，初始化采用以下一般形式：

1. 每个模型提供程序自行初始化，并侦听对与其内部组件对应的模型段所做的更改。

2. 必须初始化PageModelManager，如初始化流程所示。

3. 存储后，页面模型管理器会返回应用程序的完整模型。

4. 然后，此模型将传递到应用程序的前端根容器组件。

5. 模型段最终会传播到每个单独的子组件。