Как я могу использовать Vue.js для создания MPA? (Или этот проект должен быть СПА?)

Я только что взял Vue и пытаюсь придумать лучший способ структурировать этот проект.

Требования:

  • Базовый MPA (традиционный сайт) примерно с 6 страницами. Это будет статическая информация.
  • Должен быть раздел входа в систему, где клиент будет передавать данные через форму. Здесь также будет происходить оплата, поэтому ее необходимо будет обеспечить в безопасности.

У меня вопрос, как мне здесь использовать Vue? (Я уже использовал VueCLI для разработки проекта)

Следует ли мне:

A) использовать его для некоторых компонентов (панель навигации, кнопки, формы и т. Д.) И сохранить традиционную структуру? Как мне создать панель управления пользователя для отправки информации формы в этом случае - как новую страницу?

Б) или я должен создать весь этот сайт как SPA и загружать информацию о новой «странице» при нажатии? Это было бы проще для раздела входа в систему?

Одна вещь, которая может быть ясна при чтении этого, заключается в том, что я не очень хорошо понимаю, как сайт распознает пользователей и обрабатывает логины. Было бы проще, если бы он был структурирован как SPA? (более безопасный?)

(Кроме того, я использую этот сайт, чтобы научиться интерфейсной разработке, в частности, хотел бы узнать больше о создании SPA - поэтому я понимаю, что могу использовать веб-редактор или более простые решения, но хочу научиться делать много это с нуля)


comment
Вы можете найти этот полезный stackoverflow.com/questions / 51692018 /   -  person bformet    schedule 11.02.2020


Ответы (1)


Судя по тому, что вы описали, это полностью зависит от вас. И SPA, и MPA будут работать нормально, и любой из них будет вполне разумным с учетом требований.

Вы раньше работали с Vue-router? SPA не обязательно должны отображаться для пользователя как одна страница. Они по-прежнему могут функционировать как MPA с разными маршрутами, файлами подкачки, разрешениями и т. Д.

Если вы надеетесь использовать этот проект, чтобы научиться интерфейсному веб-разработчику, и знаете, что у вас есть особый интерес к изучению SPA, я думаю, что это ваш ответ.

Я бы пошел с SPA и настроил vue-router для управления вашими маршрутами и страницами.

person Air    schedule 11.02.2020
comment
Просто прочтите документацию по vue router, и это похоже на билет, спасибо, Air! - person Phil; 12.02.2020
comment
@Phil Нет проблем! - person Air; 12.02.2020