可以共享HTML元素名称的组件的命名约定？

Question

在我的Vue项目中，我有一个充当站点标题的组件，以及充当站点页脚的组件。

我当然不能将这些用作<header>和<footer>，因为这些已经是HTML元素。

是否有适合这种情况的命名约定？到目前为止，我一直在使用类似<site-header>的内容，因为它只是为了它添加了一个前缀。

Answer 1

为了它，可能会添加前缀。但根据W3C规则，这是一个很好的做法，也在Vue docs中说明：

  

请注意，Vue不会对自定义标记名称强制执行W3C规则（全小写，必须包含连字符），但遵循此约定被视为良好做法。

这是我更喜欢的： 如果您的所有组件都是特定于应用程序的，则它应具有特定于应用程序的名称。

如果它是可以跨越的组件，则名称应基于其功能。例如<credit-card></credit-card>

因此，遵循此命名约定是一种很好的做法，它也有助于区分自定义元素和标准元素。