当前位置: 首页 > 编程笔记 >

aurelia 基于命名约定创建自定义元素

须曜文
2023-03-14
本文向大家介绍aurelia 基于命名约定创建自定义元素,包括了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的自定义元素,而根本不创建视图模型。但是,视图模型方法允许您提供可绑定的属性以使您的元素可配置(如其他示例所示)。

 类似资料:
  • 本文向大家介绍aurelia 创建具有可绑定属性的自定义元素,包括了aurelia 创建具有可绑定属性的自定义元素的使用技巧和注意事项,需要的朋友参考一下 示例 创建具有可绑定属性的自定义元素非常简单。如果要创建一个接受一个或多个插件可以使用的值的元素,则需要使用@bindable装饰器和语法。 在下面,我们正在创建一个自定义元素,该元素接受一系列水果并显示它们。 示例: my-element.j

  • 本文向大家介绍aurelia 使用@customElement装饰器创建自定义元素,包括了aurelia 使用@customElement装饰器创建自定义元素的使用技巧和注意事项,需要的朋友参考一下 示例 在大多数示例中,类命名约定用于定义Aurelia自定义元素。但是,Aurelia还提供了可用于装饰类的装饰器。然后,该类再次被Aurelia视为自定义元素。 提供给装饰器的值将成为自定义HTML

  • 为了在跨API开发中向开发者提供一致的开发体验,所有的命名应该保证: 简单 直观 一致 这适用于接口、资源、集合、方法以及消息的命名。 因为很多开发者并非以英语作为母语,所以命名约定的目标之一是确保大多数开发者可以更容易理解 API。对于方法和资源,我们鼓励使用简单、直观和一致的单词来命名。 API 中的命名应该使用正确的美式英语。例如,使用美式英语的 license 而非英式英语的 licenc

  • 在本节,我们不会讨论适用于大规模和可维护的最佳 CSS 命名方案,因为这不仅仅超过了个人的能力范围,也不是一个Sass样式指南可以解决的问题。我个人推荐遵从 CSS Guidelines 的建议。 良好的命名对保持整体代码的一致性和可读性非常重要,在 Sass 中可以命名的地方如下: 变量; 函数; 混合宏。 由于 Sass 占位符遵循和类名相同的命名模式,因此被视为常规的 CSS 选择器,也就在

  • 函数名 小技巧 使用小写字母,并用下划线分隔单词。使用双冒号 :: 分隔库。函数名之后必须有圆括号。关键词 function 是可选的,但必须在一个项目中保持一致。 如果你正在写单个函数,请用小写字母来命名,并用下划线分隔单词。如果你正在写一个包,使用双冒号 :: 来分隔包名。大括号必须和函数名位于同一行(就像在Google的其他语言一样),并且函数名和圆括号之间没有空格。 # Single fu

  • 问题内容: 我的完整变量名称是“唯一代码”,但是我希望此变量是“ ucode” -ish。 那么考虑Java命名约定是正确的吗? 编码 uCode UCode 问题答案: 请参阅编码约定。对于变量,建议使用驼峰式大小写。回覆。命名,我本以为 将是最合乎逻辑的选择(我知道那不在您的选择列表中)。任何变体在我看来都是 unicode 的缩写,我认为这是一种误导。以上不是一个太长的名称(例如,它不是Ab