SPA的動態模型至元件對應 dynamic-model-to-component-mapping-for-spas
本檔案說明適用於Adobe Experience Manager (AEM)的JavaScript SPA SDK中元件對映的動態模型如何發生。
NOTE
對於需要以SPA框架為基礎的使用者端轉譯(例如React或Angular)專案，建議使用SPA編輯器解決方案。
元件對應模組 componentmapping-module
此 ComponentMapping 模組會以NPM封裝的形式提供給前端專案。 它儲存前端元件，並提供單頁應用程式將前端元件對應到AEM資源型別的方法。 如此一來，在剖析應用程式的JSON模型時，就能啟用元件的動態解析。
模型中每個專案都包含 :type 公開AEM資源型別的欄位。 掛載時，前端元件可使用從基礎程式庫收到的模型片段來轉譯自身。
另請參閱 SPA Blueprint 有關模型剖析和模型的前端元件存取的更多資訊。
另請參閱npm套件： https://www.npmjs.com/package/@adobe/aem-spa-component-mapping
模型驅動單頁應用程式 model-driven-single-page-application
使用AEM適用的JavaScript SPA SDK的單頁應用程式是模型導向的：
應用程式初始化 app-initialization
每個元件都可藉由以下功能擴展： ModelProvider. 因此，初始化會採用下列一般形式：
-
每個模型提供者會自我初始化，並監聽對應到其內部元件的模型片段所做的變更。
-
此
PageModelManager必須初始化，如以下所示 初始化流程. -
儲存後，頁面模型管理員會傳回應用程式的完整模型。
-
然後，此模型傳遞至前端根 容器 應用程式的元件。
-
模型片段最後會傳播至每個個別的子元件。
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2