使用 customElement 装饰器创建自定义元素

Created: November-22, 2018

在大多数示例中，类命名约定用于定义 Aurelia 自定义元素。但是，Aurelia 还提供了一个可用于装饰类的装饰器。然后，Aurelia 再次将该类视为自定义元素。

提供给装饰器的值将成为自定义 HTML 元素的名称。

示例： my-element.js

import {customElement} from 'aurelia-framework';

@customElement('robots')
export class MyClass {

}

<template>
    <h1>I am a robots custom element</h1>
</template>

使用它：

<template>
    <require from="./my-element"></require>

    <robots></robots>
</template>