Миксины в Pug - это способ переиспользования кода для создания шаблонов. Они позволяют определить фрагменты кода, которые можно повторно использовать в разных местах вашего шаблона.
Для создания миксина в Pug, вы можете использовать ключевое слово mixin, за которым следует имя миксина и опциональные параметры, которые могут быть переданы в миксин. Затем вы определяете содержимое миксина, используя блок block.
Вот простой пример миксина в Pug:
mixin button(text, link) a.button(href=link)= text
Этот миксин называется button и принимает два параметра: text и link. Он выводит HTML-код для создания кнопки, где text будет текстом на кнопке, а link будет ссылкой для этой кнопки.
Чтобы использовать миксин в вашем шаблоне, вы просто используете его имя, за которым следуют значения параметров в скобках:
+button("Click me", "https://example.com")
В результате получается HTML-код:
<a class="button" href="https://example.com">Click me</a>
Вы также можете использовать блок block внутри миксина, чтобы передавать кастомизированное содержимое внутрь миксина. Например:
mixin card(title)
.card
h2= title
block
+card("My Card")
| This is the content of my card.
В результате получается HTML-код:
<div class="card"> <h2>My Card</h2> This is the content of my card. </div>
Миксины позволяют значительно упростить работу с повторяющимся кодом и улучшить читаемость и поддерживаемость ваших шаблонов в Pug.