Question

我需要一种方法来避免无用的计算; 在反应函数中，我有一个反应对象，我只需要一个属性，但如果该对象的另一个更改，则重新计算所有函数：

Template.registerHelper('name', function() {
    console.log("running");
    return Meteor.user().profile.name;
});

（在html中

<body><p>My name: {{name}}</p></body>

）

现在让我们改变你的年龄：

Meteor.users.update({_id:Meteor.userId()},{$set:{"profile.age":20}});

你猜你在控制台中看到了什么（第二次......）

running               x2

但它应该只运行一次，因为名称没有改变

为什么重要？在我的应用程序中，我有复杂的计算，用户在线/空闲状态正在轻松改变

Answer 1

只要使用的无功功能的值发生变化，计算就会重新运行。在您的情况下，反应函数为Meteor.user()，因此只要该方法的结果发生更改，就会触发重新运行。

要将重新运行限制在真正需要的位置，您需要使用（或创建）一个反应函数，它将准确返回您想要跟踪的值，仅此而已。例如：

var prop = new ReactiveVar();

Template.template.onRendered(function() {
  this.autorun(function() {
    prop.set(Meteor.user().profile.name);
  });
});

Template.template.helpers({
  hlpr: function() {
    console.log("RERUN!!!");
    return prop.get();
  },
});

Meteor.js：如何使用点表示法避免无用的刷新/计算/重新渲染

1 个答案: