html - 自定义元素仅适用于标记？

Question

要创建自定义组件，我们可以使用自定义元素。即使我们像我一样不使用自定义组件，也可以使用自定义元素作为标记。我现在使用Vue。

而不是这个：

<div class="row>

我可以使用这个：

<t-row>

它有点短，而且模板很大，可以节省相当多的代码大小。

我对这种方法有几个问题：

• 一般哪个会表现更好？div 还是自定义元素？数字字符有多重要？我有一张大桌子，屏幕上可能同时有 1000 个元素。一个元素的小性能可能会产生很大的影响。
• 当自定义组件未绑定到自定义元素时，使用自定义元素是一种好习惯吗？
• 在 Vue 中，我们可以添加ignoredElements忽略元素，例如[/^t-/]. 这将如何影响性能？

这一切都归结为一个问题......

如果我觉得自定义元素可以节省时间并提高可读性，我是否应该使用自定义元素作为标记？解释为什么。

标签： htmlmarkupcustom-element

Answer 1

对问题 #2 的回答，争论为什么不这样做：

压缩包

您必须考虑 GZip

Yes<div class="row">需要输入更多内容，
但实际上可能会创建一个较小的文件传递给浏览器
，因为您经常使用它，并且 GZip 将这 17 个字节编码为几个 BITS。

好代码

恕我直言，开发人员应该考虑为他/她的继任者提供最好的代码，
而不是他/她是唯一理解的优化。

第一个回应<t-row>将是福克在这里发生的事情，
而不是哦，这是可读的。

命名空间

另一个恕我直言

不要t-仅仅因为你想创建一个自定义元素而使用，

命名空间应该有意义。