Пользовательские элементы хороши только для разметки?

Question

Для создания пользовательских компонентов мы можем использовать пользовательские элементы. Даже если мы, как я, не используем пользовательские компоненты, пользовательские элементы могут использоваться в любом случае, как разметка. Я использую Vue на данный момент.

Вместо этого:

<div class="row>

Я мог бы использовать это:

<t-row>

Это немного короче и с большим шаблоном, это сэкономило бы немного размера кода.

У меня есть несколько вопросов об этом подходе:

• Что будет работать лучше в целом? Div или пользовательский элемент? Какое значение имеет количество символов? У меня есть большая таблица с, возможно, 1000 элементов на экране одновременно. Небольшая производительность на одном элементе может оказать большое влияние.
• Полезно ли использовать пользовательские элементы, когда пользовательские компоненты не связаны с ними?
• В Vue мы можем добавить ignoredElements, чтобы игнорировать такие элементы, как [/^t-/]. Как это повлияет на производительность?

Все это сводится к одному вопросу ...

Должен ли я использовать пользовательские элементы в качестве разметки, если чувствую, что это может сэкономить мне время и улучшить читаемость? Объясните почему.

Answer 1

Ответ на вопрос № 2, аргументы, почему не , чтобы сделать это:

GZip

Вы должны принять во внимание GZip

Да<div class="row"> больше подходит для ввода
, но на самом деле может создать файл меньшего размера, доставляемый в браузер
, потому что вы использовали его так много и кодировали GZip, что 17 байтов до нескольких битов .

Хороший код

ИМХО разработчик должен подумать о том, чтобы доставить лучший код своему преемнику,
, а не об оптимизации, он / она - единственный, кто понимает.

Первый ответ на <t-row> будет То, что здесь происходит, Фук
не О, это читабельно .

Пространство имен

Другое ИМХО

Не используйте t- только потому, что вы хотите создать пользовательский элемент, пространства имен

должны иметь значение.