Я переключился на использование Pug в моих VFC SFC вместо простого HTML, потому что я предпочитаю синтаксис. Среди других функций, Pug имеет ярлыки для применения классов к элементам, используя синтаксис, подобный селекторам CSS, то есть elem.cls приводит к <elem class="cls"></elem>.
Однако, поскольку использование модулей CSS с vue-loader зависит от атрибута $style в экземпляре компонента, необходимо использовать elem(:class="$style.cls") для достижения того же результата, что и выше.
Это делает код шаблона более многословным и устраняет одно из моих любимых преимуществ использования Pug, поскольку нотация класса намного короче, чем в обычном HTML, при этом оставаясь ясной и легко понятной.
Есть ли лучшее решение для этого, предпочтительно такое, которое не требует написания собственного загрузчика для предварительной обработки кода Pug? Если нет, я думаю, я справлюсь с этим. Просто проверил, сталкивался ли кто-нибудь с этим раньше (возможно, так и случилось), и будут ли они готовы рассказать, как с этим справились.