为什么 Polymer Starter Kit 在 index.html 中使用自动绑定模板而不是创建自定义组件？
Why does the Polymer Starter Kit use an auto-binding template in index.html instead of creating a custom component?
在 Polymer Starter Kit 中，index.html 的行为似乎非常像 Polymer 组件，例如绑定到 app.js 中的属性。为什么不将 index.html 主体的所有内容放入自定义组件中呢？在这种情况下使用自动绑定模板有什么好处？它是否与它是一个单页应用程序并在 index.html 中保持应用程序的骨架结构有关？还是为了更容易访问应用程序范围的变量，例如 "baseUrl"？或者可能与 css 范围界定有关？
有点相反的答案：使用自动绑定模板对于应用程序的设置非常简单（API 端点、缓存...）。但是，一旦您开始在 index.html 中添加越来越多的元素，您就会感到很痛苦：
app.js/index.html 是单独的文件，这至少在您编辑时有点烦人- 绑定注释的工作方式略有不同，特别是很难让计算绑定工作
- 没有事件和属性的声明魔法
- 无行为
- ...
到目前为止我的最佳做法：只保留自动绑定模板中的设置逻辑，并且在 index.html 中只有一个 single webcomponent，已配置通过 properties/attributes 和 app.js。其他一切都应该在该元素中完成。
在 Polymer Starter Kit 中，index.html 的行为似乎非常像 Polymer 组件，例如绑定到 app.js 中的属性。为什么不将 index.html 主体的所有内容放入自定义组件中呢？在这种情况下使用自动绑定模板有什么好处？它是否与它是一个单页应用程序并在 index.html 中保持应用程序的骨架结构有关？还是为了更容易访问应用程序范围的变量，例如 "baseUrl"？或者可能与 css 范围界定有关？
有点相反的答案：使用自动绑定模板对于应用程序的设置非常简单（API 端点、缓存...）。但是，一旦您开始在 index.html 中添加越来越多的元素，您就会感到很痛苦：
app.js/index.html是单独的文件，这至少在您编辑时有点烦人- 绑定注释的工作方式略有不同，特别是很难让计算绑定工作
- 没有事件和属性的声明魔法
- 无行为
- ...
到目前为止我的最佳做法：只保留自动绑定模板中的设置逻辑，并且在 index.html 中只有一个 single webcomponent，已配置通过 properties/attributes 和 app.js。其他一切都应该在该元素中完成。