聚合物自定义元素命名约定 feature/bug

Question

他们在聚合物文档中说

By specification, the custom element's name must contain a dash (-).

所以我创建了一个名为 custom-element 的自定义元素。一般来说，每个人都会这样做。但是突然我有一个疑问 我们可以在末尾加上破折号吗？

然后我尝试使用 customelement- 和 -customelement。

我想知道 dash(-) 在 右侧是否有效。 但是 dash(- ) 左侧末端不工作。

这是功能还是错误？

Answer 1

这不是错误。它按预期工作。

根据 spec，您的元素名称中需要有一个破折号（例如 <my-tabs>）。这样你就不得不添加一个命名空间来避免与现有元素发生冲突。有效的自定义元素名称是满足以下所有要求的字符序列名称

[a-z] (PCENChar)* '-' (PCENChar)*

其中 PCENChar:=

"-" | "." | [0-9] | "_" | [a-z] | #xB7 | [#xC0-#xD6] | [#xD8-#xF6] | [#xF8-#x37D] | [#x37F-#x1FFF] | [#x200C-#x200D] | [#x203F-#x2040] | [#x2070-#x218F] | [#x2C00-#x2FEF] | [#x3001-#xD7FF] | [#xF900-#xFDCF] | [#xFDF0-#xFFFD] | [#x10000-#xEFFFF]

参考：https://www.w3.org/TR/custom-elements/#prod-potentialcustomelementname

希望对您有所帮助:)

聚合物自定义元素命名约定 feature/bug

Polymer custom element naming convention feature/bug

polymer

polymer-1.0