通过CustomElement在类名中简单地添加后缀，即可基于命名约定在Aurelia中创建一个基本的自定义元素。此后缀将由Aurelia自动删除。类名称的其余部分将被小写并使用连字符分隔，然后可用作元素名称。
示例： my-element.js
export class SuperCoolCustomElement {
}<template> <h1>I am a custom element</h1> </template>
使用它：
要使用新定义的自定义元素，首先，需要从类名称中检索标签名称。的CustomElement后缀将被清除掉，剩余的部分（SuperCool）将小写和每个大写字母分离由连字符。因此，SuperCoolCustomElement成为super-cool并构成了我们元素的基础。
<template> <require from="./my-element"></require> <super-cool></super-cool> </template>
值得注意的是，我们上面的示例有些人为。我们本来可以创建仅HTML的自定义元素，而根本不创建视图模型。但是，视图模型方法允许您提供可绑定的属性以使您的元素可配置（如其他示例所示）。