在我的pet-（也是测试）项目中，我成功地使用了自定义元素的淘汰组件，所以我的index.html页面看起来像这样：
[snip]
<backup></backup>
<management></management>
<process></process>
[snip]
这三个都是自定义元素，并且在单独的文件中有自己的viewmodel和markup。 ko.components.registration在require的main.js中完成。
然而，management.html也是一大块标记，可以在单独的自定义元素中进一步划分，如下所示：
<categories></categories>
<products></products>
<parts></parts>
但是，到目前为止，我只是无法让这些组件在管理组件中运行。请注意，这三个部分的视图模型在管理视图模型中由require注入。 （如果我不使用组件，那么工作正常，但是带有data-bind =“with：viewmodel”的普通div）。
所以我的问题是：淘汰赛有可能吗？如果是这样，我做错了什么？ （换句话说，你有一些提示，为什么它不起作用？）
UPDATE 经过一些调整后，所有组件都会被注册。但是，内部组件仍然没有被渲染....继续......
更新 - EUREKA！ 我有它的工作。事实证明，在父组件标记中，我不能使用自定义元素，它必须是带有databind ='component：“categories”'的div。但现在它工作正常，一切都整齐分开！万岁！