为什么Vue.js使用单字标签<component>违反了自己的样式指南？

Question

因此，Vue.js拥有自己的样式指南，该指南（在“基本”部分中明确指出）component names should be multi-word可以防止“与现有和将来的HTML元素冲突，因为所有HTML元素都是一个单词“。

但是他们为dynamic components使用了<component>标签。我在现有HTML标签列表中找不到<component>。 这是否意味着如果有一天HTML采用<component>标签，Vue.js将尝试解析它们并破坏它？

请澄清。

Answer 1

我相信Vue.js最好遵循W3C标准。

Relation to Custom Elements

  

您可能已经注意到Vue组件与Custom非常相似   元素，它们是Web Components Spec的一部分。那是因为   Vue的组件语法是按照规范粗略地建模的。例如，   Vue组件实现Slot API，并且是特殊属性。   但是，有一些主要区别：

     

Web Components Spec已完成，但不是本地的   在每个浏览器中实施。 Safari 10.1 +，Chrome 54+和Firefox 63+   本机支持Web组件。相比之下，Vue组件没有   需要任何填充，并在所有受支持的浏览器中一致地工作   （IE9及更高版本）。必要时，Vue组件也可以包装   在本地自定义元素中。

     

Vue组件提供了一些重要功能，而这些功能在   普通的自定义元素，尤其是跨组件数据流，自定义   事件通信和构建工具集成。

其他阅读内容

HTML Components

  

元素用作标识HTML的容器   零件。它不是必需的；但是，在许多情况下   有助于帮助HTML组件的使用者确定   实际上是从该特定组件引发了一个事件。的   元素用于将属性，方法绑定在一起   和事件，以及为此标识符提供位置   HTC。

还指定了