1) Один из основных плюсов - намного более удобное взаимодействие с элементами на страницах.
Когда ты делаешь прототип, для тебя интерактив не играет особой роли, но когда проект растёт, ты понимаешь что тебе нужно больше JavaScript
кода. Если ты используешь jQuery
, то у тебя на каждую страницу начинает заводится свой собственный .js
файл. В этом случае, у тебя много лишнего и дублируемого кода, да и когда дело заходит чуть дальше, чем до простого сабмита формы при помощи AJAX, то код становится сложнее поддерживать.
Полноценный js
фреймворк даёт тебе потенциал использовать JavaScript по максимуму и с удобством, даже когда вначале кажется что тебе это не нужно.
2) Минусы заключаются в том, что у тебя появлятеся больше забот. У тебя в проекте появляется на одну, причём весьма серьёзную технологию больше. Тебе придётся тестировать свой fontend
, тебе придётся поддерживать актуальность библиотек.
Так же, тебе будет сложнее с деплоем и в разработке. Если ты не используешь docker
, то в процессе разработки тебе придётся поднимать Vue
и Django
одновременно, следить за traceback
в двух вкладках терминала. Если станешь деплоить всё это отдельно, то со стороны Django
ещё и придётся позаботится о CORS. Если ты используешь docker
, то тебе достаточно будет использовать отдельный контейнер для Vue
как это сделано здесь.
Если ты вздумаешь иметь много логики на фронтенде, например авторизация/регистрация через Firebase, или работа со Stripe, то разработчикам которые придут в твой проект, будет сложно понять архитектуру и тестировать бекенд, который так сильно разделён с фронтендом.
SEO. У тебя возникнут проблемы при CSR
. Тебе придётся настроить prerender
или SSR
, но я бы порекомендовал использовать Nuxt
Тебе в любом случае будет труднее и как минимум не привычно.
Из плюсов: в последствии проще сделать мобильное приложение используя, например, [NativeScript][3]
или десктопное приложение, используя Electron.
Вообще, плюсов масса, но и минусы вначале будут.
3) Скорость загрузки. Если вкратке, то первая загрузка будет сильно дольше при использовании Vue
. Скорее всего твой bundle.js
будет весить >1 Мб. А ещё у тебя будут стили и картинки, которые можно грузить асинхронно, но всё же. Последующие же страницы будут загружаться быстрее. Кешировать нужно только 1 файл css
и 1 файл js
на весь твой проект, в этом, однозначно, плюс.
При использовании шаблонов, твоя скорость загрузки будет примерно одинаковой на всех страницах, ты закешируешь основной js
, но на каждой новой странице у тебя будут встречаться дополнительные подключённые файлы, которые тоже нужно будет кешировать. В этом минус.
Здесь достаточно интересная статья на эту тему.
4) Используй где хочешь. Но для сайта в 3-4 страницы, лично я не стал бы заморачиваться.