流星与助手的反应

Question

调试应用程序后，我偶然发现了以前从未发现过的东西。 举一个简单的例子，我有一个简单的链接，其中包含2个助手来对其进行样式设置，如下所示：

<a class="{{tabHasError}} {{activeTab}}">Test</a>

涉及到的助手如下：

tabHasError: function() {
  console.log('invalidated!');
}
activeTab: function() {
  if (Session.equals('activeTab', this.tabIdx)) return 'active';
}

现在，每次Session var更改时， activeTab都会失效，这是预期的。 不期望的是tabHasError也无效。 为什么会这样？ 这正常吗？ 是因为它们都附着在同一个元素上吗？ 除了合并功能外，还有什么方法可以避免这种情况？ 甚至更好的是，为什么MDG会做出此设计决定？

Answer 1

使用Iron-Router，观察您所描述的行为是正常的。

一旦主要计算依赖项发生更改，将立即刷新当前使用的模板。 调用Session.set将调用模板变量的刷新。 当然，这很多，但这是确保模板始终保持最新状态的最简单方法之一。

如果您正在寻找更大的应用程序，可以看看React.js集成，这将使您能够仅刷新模板上的良好变量。

实际上，在您的示例中，tabHasError的值不应更改，但是模板的重新呈现将调用tabHasError函数以检查是否有任何更改。 在这种情况下，不会。

如果行为不够清楚，我就在附近。 祝您周日愉快！

Answer 2

我注意到这仅发生在元素的属性中。 根据有关以前的UI引擎（Shark）的Event Minded视频，我认为这种行为非常明确：它只会重新渲染受影响的DOM元素。

考虑到Blaze在您的代码中正在重新渲染DOM元素，因此使与之相关的先前计算无效是有意义的。 如果您将此帮助程序放置在a元素内，它将不会失效。