tgx:component — Подключает компонент или шаблон
tgx:component#
Подключает компонент или шаблон.
Синтаксис#
<tgx tgx:component="header"></tgx>Пример 1: минимум (копипаст для старта)#
<tgx tgx:component="header"></tgx>Пример 2: реальный сценарий#
<tgx tgx:component="@global/cookie"></tgx>Разбор#
Используйте для переиспользуемых блоков: header, footer, shared-компоненты.Когда использовать#
- Когда блок повторяется на разных страницах (header, footer, карточки, FAQ-блоки) и его нужно переиспользовать.
- Когда важно разделить структуру страницы и переиспользуемые части, чтобы править контент быстрее.
Поведение в runtime#
- Тип: пользовательская директива.
- В sandbox директива
tgx:component: разрешена.
Типы данных и приведение#
- Поддерживаются локальные селекторы шаблона (
#id,.class) и компоненты по имени/пути. - Alias-форматы:
@global/...,@ext:<slug>/...,@conn:<slot>.<key>/.... - Для
@ext:<slug>/...рендер доступен владельцу расширения или при активном подключении расширения. - В sandbox допустим только локальный селектор
#.... - Атрибуты узла (и
payload) передаются в контекст компонента как входные данные.
Частые ошибки#
- Путать форматы селектора:
#.../. ...— это локальный узел,@global/...,@ext:...,@conn:<slot>.<key>/...— это alias-пути компонентов. - Ожидать доступ к
@ext:...без активного подключения расширения или прав владельца.
Проверка перед публикацией#
- Пример рендерится без ошибок в sandbox.
- Значения по умолчанию обработаны (
|fallback) там, где данные могут отсутствовать. - Проверен корректный формат селектора компонента (
#...,@global/...,@ext:...,@conn:<slot>.<key>/...). - Для
@ext:...проверен сценарий доступа: компонент рендерится только при доступном подключении расширения.
См. также#
tgx:component — Подключает компонент или шаблон
tgx:component#
Подключает компонент или шаблон.
Синтаксис#
<tgx tgx:component="header"></tgx>Пример 1: минимум (копипаст для старта)#
<tgx tgx:component="header"></tgx>Пример 2: реальный сценарий#
<tgx tgx:component="@global/cookie"></tgx>Разбор#
Используйте для переиспользуемых блоков: header, footer, shared-компоненты.Когда использовать#
- Когда блок повторяется на разных страницах (header, footer, карточки, FAQ-блоки) и его нужно переиспользовать.
- Когда важно разделить структуру страницы и переиспользуемые части, чтобы править контент быстрее.
Поведение в runtime#
- Тип: пользовательская директива.
- В sandbox директива
tgx:component: разрешена.
Типы данных и приведение#
- Поддерживаются локальные селекторы шаблона (
#id,.class) и компоненты по имени/пути. - Alias-форматы:
@global/...,@ext:<slug>/...,@conn:<slot>.<key>/.... - Для
@ext:<slug>/...рендер доступен владельцу расширения или при активном подключении расширения. - В sandbox допустим только локальный селектор
#.... - Атрибуты узла (и
payload) передаются в контекст компонента как входные данные.
Частые ошибки#
- Путать форматы селектора:
#.../. ...— это локальный узел,@global/...,@ext:...,@conn:<slot>.<key>/...— это alias-пути компонентов. - Ожидать доступ к
@ext:...без активного подключения расширения или прав владельца.
Проверка перед публикацией#
- Пример рендерится без ошибок в sandbox.
- Значения по умолчанию обработаны (
|fallback) там, где данные могут отсутствовать. - Проверен корректный формат селектора компонента (
#...,@global/...,@ext:...,@conn:<slot>.<key>/...). - Для
@ext:...проверен сценарий доступа: компонент рендерится только при доступном подключении расширения.