你有两个选择。你可以使用“自定义事件”来处理此问题，也可以使用callAnj在其答案中提到的绑定来进行处理。你使用哪一个取决于你的实际用例。

如果希望自定义元素能够在父VM上调用方法并将数据从自定义元素中传递出去，则应使用以下要点中所示的自定义事件：https : //gist.run/? id = ec8b3b11f4aa4232455605e2ce62872c：

app.html：

<template>
    <require from="./my-element"></require>
    <div class="content-panel">
        <my-element save.delegate="parentMethod($event)"></my-element>
    </div>

    parentProperty = '${parentProperty}'
</template>

app.js：

export class App {
  parentProperty = 7;
  parentMethod($event) {
    this.parentProperty = $event.detail;
  }
}

my-element.html：

<template>
    <input type="text" value.bind="eventDetailValue" />
    <button click.delegate="save()">Click this</button>
</template>

my-element.js：

import { inject, customElement, bindable } from 'aurelia-framework';

@customElement('my-element')
@inject(Element)
export class MyElement {
  eventDetailValue = 'Hello';

  constructor(element) {
    this.element = element;
  }

  save() {
    var event = new CustomEvent('save', { 
      detail: this.eventDetailValue,
      bubbles: true
    });

    this.element.dispatchEvent(event);
  }
} 

基本上，你将附加传递detail自定义事件的属性所需的任何数据。在事件绑定声明中，你可以将$event一个参数添加到函数中，然后detail在事件处理程序中检查$ event的属性（如果需要，也可以通过$event.detail）。

如果希望自定义元素能够在父VM上调用方法并从父VM（或从另一个自定义元素或其他东西）传入数据，则应使用call绑定。你可以通过在绑定声明中指定参数来指定将传递给方法的foo.call="myMethod(myProperty)"参数（这些参数来自声明绑定的VM上下文，而不是来自Custom Element的VM）。