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

Question

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

Требования:

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

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

Должен ли я:

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

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

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

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

Answer 1

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

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

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

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