Vue - это платформа javascript, которая позволяет разработчику легко обновлять DOM в соответствии со значениями состояния. Примером может служить приложение ToDo, в котором вместо того, чтобы перезагружать страницу для следующего «состояния», Vue может управлять этим и сэкономить вам влияние нагрузки.
Цель этого поста - обратиться к разработчикам Laravel на стороне сервера (не конкретно), чтобы указать на огромное увеличение пользовательского опыта с использованием Vue.
Так будет выглядеть функция загрузки изображений в Laravel.
Не здорово, правда?
Мы будем использовать возможности Vue и с помощью аксиомов, чтобы улучшить пользовательский опыт и, по крайней мере, уменьшить беспокойство, если это так, пользователей, ожидающих медленных действий.
И вот как это будет выглядеть после доработки.
Заключение
В некоторых браузерах прогресс отображается в левом нижнем углу, но теперь мы улучшаем обратную связь с пользователем.
Реальность - это всего лишь иллюзия, хотя и очень стойкая. - Альберт Эйнштейн
Давайте посмотрим на них рядом, чтобы вы могли судить, что лучше.
P.S .: Весь код доступен в этом Github Repo.
P.S.S .: Хотя мы могли бы добиться того же с помощью vanilla js, это было бы не так просто, как с Vue (или другим фреймворком).
Дайте мне знать, что вы думаете, и если вам нужна более подробная статья / видео о том, как этого добиться, или если вы думаете, что я должен опубликовать больше примеров, где Vue может улучшить страницы на стороне сервера.
Спасибо за чтение!