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

Question

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

而不是这个：

<div class="row>

我可以用这个：

<t-row>

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

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

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

所有这一切归结为一个问题...

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

Answer 1

问题 #2 的答案，论证为什么 不 这样做：

GZip

你必须考虑 GZip

是的<div class="row">要打的多
但实际上可能会创建一个较小的文件传送到浏览器
因为您经常使用它 并且 GZip 将 17 个字节编码为几个 BITS。

好代码

恕我直言，开发人员应该考虑将最好的代码交付给 his/her 继任者，
不是关于优化 he/she 是唯一一个了解。

对 <t-row> 的第一反应将是 Fuk 在这里发生了什么事
不是 哦，这是可读的。

命名空间

另一个恕我直言

不要因为要创建自定义元素而使用 t-，

命名空间应该有意义。