Главная » Архив меток: VueJS (страница 5)

Архив меток: VueJS

Аутентификация Vue и обработка маршрута с помощью Vue-router

От автора: Vue — это прогрессивный фреймворк Javascript, который упрощает создание приложений с интерфейсом. В сочетании с vue-router мы можем создавать высокопроизводительные приложения с полными динамическими маршрутами. Vue router — эффективный инструмент и может легко обрабатывать аутентификацию в нашем Vue-приложении. В этом уроке мы рассмотрим использование vue-router для проверки подлинности и контроля доступа для разных частей нашего приложения. Начало работы ...

Читать далее »

Как использовать маршрутизацию Vue.js Router для разработки лучшего опыта пользователя

От автора: Vue.js — отличная JavaScript платформа, созданная Эваном Ю. Она используется для разработки отдельных приложений для веб-страниц и гибких компонентов, это также один из самых необходимых навыков при разработке Front End. Vue.js предоставляет множество функций, которые позволяют создавать повторно используемые веб-компоненты. Маршрутизация — одна из таких функций. Она позволяет пользователю переключаться между страницами без обновления страницы. Это то, что ...

Читать далее »

Vue.js + TypeScript: Намного более простая работа в соответствующем редакторе кода

От автора: Vue сейчас в тренде, и я уже давно подумывал о том, чтобы создать серьезный проект на нем, как только появится возможность. Но была небольшая проблема — одним из требований проекта было написание его на TypeScript. Сначала мне было очень сложно представить, как вообще объединить их, но vue-cli позволил сделать это очень просто. Я бы солгал, если бы сказал, ...

Читать далее »

Шаблоны динамических компонентов с помощью Vue.js

От автора: динамические компоненты не всегда имеют одинаковую структуру. Иногда нам необходимо управлять многими различными состояниями. Это может быть полезно сделать асинхронно. Пример использования Шаблоны компонентов используются в Scrumpy в нескольких местах: уведомления, комментарии и вложения. Давайте рассмотрим комментарии, чтобы понять, что я на самом деле подразумеваю под этим. Комментарии — это теперь не просто текстовые поля. Вы ожидаете, что ...

Читать далее »

Создание компонентов Vue.js

От автора: Vue — один из наиболее быстро растущих фреймворков JavaScript в современном мире. Описанный как «интуитивный, быстрый и композитный» MVVM для создания интерактивных интерфейсов, Vue стал любимым фреймворком JavaScript для разработчиков, чтобы разрабатывать интерактивные веб-приложения и интерфейсы. Это совершенно очевидно с его 97K GitHub звезд с момента его выпуска в 2014 году. В отличие от Angular, основанного на старой ...

Читать далее »

Галерея изображений Instagram для сайта с Vue.js и CSS Grid

От автора: недавно мой клиент запросил создание простой галереи изображений для сайта — тот, который отобразит ее фид Instagram. Я подумал: «Нет проблем, Instagram, безусловно, имеет простой API, и этот прецедент, вероятно, является их самым основным пример Hello World!». Однако, просматривая документацию Instagram API, которая практически не содержит реальных примеров кода, только сбиваешься с толку. Идентификаторы клиентов, секреты клиента, токены ...

Читать далее »

Преимущества и недостатки Vue.js: хороший, неоднозначный и злой

От автора: переход с React на Vue, два года спустя. Выбор новых фреймворков и библиотек — захватывающий, но также стрессовый процесс. Даже после определенного исследования вы никогда не знаете, какие скелеты обнаружите в шкафу. Мой медовый месяц длится долго. Примерно через 2 года почти ежедневного использования Vue я, наконец, могу написать об этом, имея определенную точку зрения. Рассмотрим свойственные Vue ...

Читать далее »

Создание диаграммы в реальном времени с помощью Vue.js

От автора: в последнее время данные стали очень важной частью нашей жизни, и понимание того, что данные одинаково важны. Нет смысла иметь данные, если вы не можете отслеживать или анализировать их, особенно если эти данные имеют какое-либо отношение к финансам. Вот почему мы будем строить график отслеживания расходов и доходов, используя функции реального времени с помощью Pusher. На нашей интерактивной ...

Читать далее »

Почему VueX в Vue.js — идеальный интерфейс между Frontend и API

От автора: сегодня речь пойдет о библиотеке Vue js VueX и о том, как с ее помощью можно решить некоторые проблемы взаимодействия Frontend и API. Увеличение сложности разработки веб-сайтов в конце концов привело к увеличению объема специализации и разделению front end и back end. Эта специализация и повышенная сложность имеют ряд преимуществ: качество пользовательского опыта в Интернете увеличилось экспоненциально, одновременно ...

Читать далее »

Пагинация с помощью Vuejs

От автора: Vuejs — простая, но мощная среда для разработки приложений с использованием JavaScript. Попробовав Angular и поработав с несколькими приложениями React я часто говорю: «Vue может это сделать, только проще». С возможностями, которые дает простая кривая обучения, Vue действительно выделяется для меня. React и Angular содержат гораздо больше всего сразу из коробки, но если вы хотите создать управляемое данными ...

Читать далее »