HTML-разметка в веб-компонентах?

Question

[egyptForce]

кто шарит в веб-компонентах, нужна помощь.

представим сферический веб-компонент. пусть его итоговая разметка сильно зависит от значений переданных атрибутов(входных параметров). допустим этих параметров много(немало). т.е. имеем довольно сложный условный рендеринг разметки. в каком-нибудь vue.js эта задача решается с помощью v-if. вопрос собственно в том, как решается эта задача в веб-компонентах сейчас? я понимаю, что можно использовать всякие там appendChild, insertBefore и другие метода для манипуляции с домом, но как я уже сказал, что если этих условий много? может есть какие-нибудь приемы, методики или ресурсы где почитать про это можно?

Answer 1

[Николай]

если я правильно понял, то попробуй почитать про templates js
Шаблоны

Comments

[egyptForce]

спасибо кэп, я спрашиваю нативные решения

Answer 2

[xmoonlight]

Здесь решается с помощью рекурсивных вложений блоков (иерархии).
Для отображения данных в блоках можно использовать максимально "лёгкий" (10 строк) regex-шаблонизатор "REX Tiny templater" (поиск в гугл включая кавычки).