Vue - это платформа javascript, которая позволяет разработчику легко обновлять DOM в соответствии со значениями состояния. Примером может служить приложение ToDo, в котором вместо того, чтобы перезагружать страницу для следующего «состояния», Vue может управлять этим и сэкономить вам влияние нагрузки.

Цель этого поста - обратиться к разработчикам Laravel на стороне сервера (не конкретно), чтобы указать на огромное увеличение пользовательского опыта с использованием Vue.

Так будет выглядеть функция загрузки изображений в Laravel.

Не здорово, правда?

Мы будем использовать возможности Vue и с помощью аксиомов, чтобы улучшить пользовательский опыт и, по крайней мере, уменьшить беспокойство, если это так, пользователей, ожидающих медленных действий.

И вот как это будет выглядеть после доработки.

Заключение

В некоторых браузерах прогресс отображается в левом нижнем углу, но теперь мы улучшаем обратную связь с пользователем.

Реальность - это всего лишь иллюзия, хотя и очень стойкая. - Альберт Эйнштейн

Давайте посмотрим на них рядом, чтобы вы могли судить, что лучше.

P.S .: Весь код доступен в этом Github Repo.

P.S.S .: Хотя мы могли бы добиться того же с помощью vanilla js, это было бы не так просто, как с Vue (или другим фреймворком).

Дайте мне знать, что вы думаете, и если вам нужна более подробная статья / видео о том, как этого добиться, или если вы думаете, что я должен опубликовать больше примеров, где Vue может улучшить страницы на стороне сервера.

Спасибо за чтение!