Question

我目前正在学习和使用Aurelia，并且发生了一些奇怪的事情（可能正常）。

使用以下代码时

export class NavBar {
  get username() {
    console.log('o_o')
    return 'name' + Date.now()
  }
}

在模板${username}中，用户名总是在每秒更新几次（当然还会多次记录console.log）。

解决方法是简单地使用函数而不是getter并在模板中调用${username()}。但这种行为是正常的吗？那么我有时候应该使用getter吗？

谢谢！

Answer 1

这是正常的，Aurelia轮询你的财产进行更改，因为它无法知道你的属性获取器何时会返回不同的值。

如果它是一个简单的属性（没有吸气剂），Aurelia可以直接观察该属性，不需要轮询。

为了避免轮询，你可以告诉Aurelia的绑定系统要注意什么：

import {computedFrom} from 'aurelia-framework';

export class Foo {
  _username = 'hello';

  @computedFrom('_username')
  get username() {
    return this._username;
  }
}

另一种选择是使用一次性绑定：

${username & oneTime}

Aurelia绑定：反复调用property-getter

1 个答案: