Как лучше хранить шаблоны в Vue.js?

Question

[thorii]

Как практичнее строить страницу на vue.js?
Хранить код шаблона в template переменной скрипта или описать изначально каркас на HTML и вешать vue ID на элементы?

Вариант с x-template кажется мне более извращенным чем что-либо!

Answer 1

[Negwereth]

Single-file component - пока лучшее, с чем я объективно работал

Answer 2

[Evgeny Kulakov]

Согласен, отдельные vue файлы лучший вариант. Другие варианты я бы выбирал только, если вы не можете использовать сборщик по каким-то причинам.

Answer 3

[Константин Китманов]

*.vue файлы очень удобно — в одном месте шаблоны, стили и код (причем все с поддержкой препроцессоров). Меньше открытых вкладок в IDE, проще ориентироваться. IDE уже более-менее поддерживают (WebStorm нормально, Visual Studio Code похуже, остальные не знаю).
Только возьмите какой-то готовый бойлерплейт, вручную вебпак настраивать не очень весело.

Comments

[thorii]

спасибо