aurelia 基于命名约定创建自定义元素
示例
通过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的自定义元素,而根本不创建视图模型。但是,视图模型方法允许您提供可绑定的属性以使您的元素可配置(如其他示例所示)。
热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下