Просто есть ли пример такого подхода? практически все примеры с vue где и шаблон и код со стилями в одном файле
ну это логично, vue-файлы для этого и придумали +)
есть две причины разносить стили и шаблон:
1) (тупая) - я много лет работал в режиме "слева хтмл, справа цсс" в соседних вкладках, и так до сих пор и не привык, что для переключения надо не вкладки переключать, а вверх-вниз мотать. для мелких файлов не страшно, для больших удобнее имхо все-таки вкладками
2) как выше написал, стили можно будет отдельно инклудить в проекты, где не предполагается vue. вот у нас есть некий зоопарк, ща будем изобретать ливинг гайдс для него, но уже понятно, что есть большие куски, где шаблонизация так и останется на twig до второго пришествия, и там максимум можно переписать классы и заинклудить стили из общего репозитория