Polymer 1.0 主要 html 文档结构

Polymer 1.0 main html document structure

我正在试验 Polymer。我喜欢 Web 组件的工作方式。现在我想构建一个网络应用程序。我的问题是:我是否应该有一个主要元素(例如称为 app-element)来承载所有其他元素并作为协调器工作? html 主文档中的一大元素包含处理所有其他元素的 JS 代码?如果是,这些元素是否存在于 iron-elements 之类的东西中?如果不是那么我如何管理处理元素的 JS 代码?纯 js?

对于使用过 Angular 1 的人,我记得 "app" 控制器?设置为 body 标签?这是一个全局控制器,用于控制 html 文档中的所有指令。我的问题是我是否遵循与 Polymer 类似的模式?

Taylor Savage(聚合物产品经理)在 Polymer Summit 2015 opening keynote 中解决了这个问题(视频恰好在 Taylor 讨论该主题的地方开始)。

到目前为止,Polymer 团队将 Polymer 视为 "legos"。您可以根据需要将它们放在一起。例如。如果你想要路由,你可以将你最喜欢的路由库包装在一个元素中。 Polymer 是一个 "swiss army knife" 工具,您可以根据需要使用它。它不是一个框架。它不强制应用程序级架构。这取决于你的决定。这让开发人员很难知道从哪里开始。

所以,这是我脑海中的三个选项:

  • 根据自己的喜好设计自己的架构
  • 等待 "Carbon" 旨在解决应用程序架构问题的元素(在主题演讲中提到)
  • 查看聚合物入门套件。您会看到很多 "container" 或 "parent" 元素(例如,包含并联合子元素或 "leaf node" 元素的元素)。主文档本质上只是所有这些顶级容器元素的声明。