Knockout 通过 id 在一个页面中绑定多个视图模型

【问题标题】：Knockout binding multiple view models in a page by idKnockout 通过 id 在一个页面中绑定多个视图模型
【发布时间】：2012-10-26 11:11:53
【问题描述】：

我正在使用 twitter bootstrap 和 Knockout.js 构建一个复杂的 UI。为了实现这一点，我将页面分解为许多不同的逻辑组件。

是否可以为每个组件定义一个视图模型并通过 id 绑定它，使用

ko.applyBindings(myViewModel, document.getElementById('someElementId'))

然后定义一个单一的视图模型并将整个页面绑定到那个？它有任何性能问题吗？

【问题讨论】：

【解决方案1】：

这样绑定就好了，不会有更差的性能。

当您绑定您的小节时，您需要确保您不会多次将绑定应用到同一区域。如果您将绑定应用到父元素，然后再应用到子元素，就会发生这种情况。

如果您需要这样做（绑定各个部分，还绑定一个整体视图模型），那么您可能需要执行以下操作：http://www.knockmeout.net/2012/05/quick-tip-skip-binding.html

【讨论】：