javascript - Ember 调用关闭操作

Question

在 Ember JS 中，假设我有一个定义如下的组件 (HBS/JS)

parent.hbs

{{longclaw-sword attack=(action swing)}}

app/components/longclaw-sword.js

export default Ember.Component.extend({
  click() {
    this.attack();
  }
});

使用调用关闭操作有什么区别this.attack() V/s this.attr.attack()?

什么情况下使用“attr”？它可以用于引用普通属性还是仅用于操作？

Answer 1

attr 有点非正式地弃用了。

在即将推出的 Ember、Octane 版本中，属性将特指 HTML 属性，而 args 将是 ember-land 中的属性。

future /现在(如果你想使用辛烷蓝图( https://github.com/ember-cli/ember-octane-blueprint )，上面将是这样的:

@action swing() {
  // whatever this does :)
}

<LongclawSword @attack={{this.swing}} />

// in longclaw-sword:
import Component from '@glimmer/component';

export default LongclawSword extends Component {
  @action click() {
    this.args.attack();
  }
}
// or, if you don't need to wrap attack, you can do this inside longclow's template:
<button {{on 'click' this.args.attack}}>click</button>