Aurelia：自定义元素与自定义属性

Question

我想知道在Aurelia中使用自定义元素或自定义属性之间的区别。

我正在使用jqueryUI中的datepicker。我将它实现为自定义属性（遵循此https://www.danyow.net/jquery-ui-datepicker-with-aurelia/）并且它完美地运行。我无法将它变成一个强大的自定义元素。我环顾四周，在网上找到了一些例子，但它们没有用。

我想知道使用自定义属性代替自定义元素是否有任何缺点。

Answer 1

自定义属性用于扩展现有HTML元素的功能，实际上具有无视图。与您的示例中一样，您希望扩展输入字段的功能。它应该看起来像一个输入，具有标准的焦点/形式/验证等输入行为等等（如果<input type="date"/>在所有浏览器中正确实现，我们肯定会使用它而不是jquery-datepicker）。

自定义元素可以编写您自己的可重用元素，包括自己的视图以及自己的功能和逻辑。

示例：

自定义元素

• 自制日期选择器（需要显示一些日期等等=视图）
• 自己的自动填充输入（您需要显示列表的视图）
• 重复出现的ui元素（例如数据，图像对，其中图像应始终位于左侧，并在点击时执行某些操作，5行html和逻辑包装在一个自定义元素中）

自定义属性

• 使用第三方Datepicker（就像jQuery-ui，它只是用jQuery调用以编程方式添加视图）
• 使用谷歌地图自动完成（只是一个api调用，它将改变输入值并显示动态添加的视图，没有自己的视图）
• 一个具有特殊行为的图像（如图像，它将进行休息调用并更改图像）