Публикации по теме 'vuejs'


Интересные названия релизов Vuejs: от Animatrix до One Piece
Эван Ю очень интересный кодер. Каждый раз, когда выпускается важная версия Vue, он дает ей забавное название вместо мягкого номера версии ( v3.1.1 и т. д.). В этой статье я подытожу номера предыдущих версий Vue с именами. Большинство из них аниме, так что эта статья тоже будет отличным гайдом для просмотра! v0.9.0: Аниматрикс Первый релиз со своим именем.
Многоразовые виджеты, которые работают! — Vue Amsterdam Conference 2022 Summary series — Fifth Talk
Добро пожаловать! Рад видеть вас в пятой части моей серии итогов Vuejs Amsterdam Conference 2022, в которой я поделюсь с вами кратким изложением всех выступлений. Вы можете прочитать мою серию итогов JSWorld Conference 2022 (в четырех частях) здесь , где я подытожил все доклады первого дня. Вы также можете найти предыдущие доклады конференции Vue Amsterdam 2022 в моем блоге. (Повторяющееся) Введение Спустя два с половиной года JSWorld и Vue Amsterdam Conference снова проходили в..
Как автоматизировать сборки в проектах Vue.js с помощью Gulp
Руководство по Gulp для начинающих с примером проекта Мы знаем, что существует так много задач, которые мы выполняем вручную при создании проекта Vue или любых внешних приложений. Мы можем автоматизировать все повторяющиеся задачи с помощью глотка . С помощью Gulp мы можем автоматизировать и улучшить ваш рабочий процесс. В этом посте мы увидим два примера проекта: один - это базовый проект javascript для знакомства с gulp, а другой - полномасштабный проект Vue.js. В проекте Vue мы..
Создайте карту COVID с помощью Vue и Google Maps
Итак, я использую карту коронавируса для ежедневного обновления; но я также создал свой собственный плагин Vue для Google Maps и подумал, что могу его протестировать. Это отличный пример для тех, кто либо изучает Vue (средний уровень), либо хочет отправную точку для своей собственной (COVID) карты. Результат: Репозиторий (код) | Живая демонстрация Настраивать Очень простая настройка с использованием Vue CLI и предустановок по умолчанию (Babel и ESLint). Мы просто..
Обзор Vue Keep-Alive - Учебное пособие
Обзор Vue Keep-Alive При работе с динамическими компонентами Vue воссоздает новые экземпляры компонентов, когда вы меняете значение директивы : is . Хотя это полезно в большинстве случаев, бывают случаи, когда мы хотим сохранить состояние скрытого элемента. Встречайте компоненты проверки активности Vue . В зависимости от вашего проекта компоненты Vue Keep-Alive могут быть отличным способом увеличить скорость и улучшить взаимодействие с пользователем. Это более сложная тема..
Как использовать кнопки в Vuetify
Кнопки — это один из тех элементов, которые вы найдете практически в каждом пользовательском интерфейсе. Это наиболее распространенный способ добавления интерактивности в приложение. Vuetify предоставляет компонент v-btn для создания кнопок. Давайте посмотрим, как мы можем использовать этот компонент в примере приложения Vue.js. Обычные кнопки Здесь мы создали три равномерно расположенных кнопки разных цветов. Один из способов установить цвет большинства компонентов в Vuetify..
Создайте пользовательский ввод тега VueJS менее чем за 10 минут
При разработке приложений с контентом, созданным пользователями, вы, вероятно, захотите добавить возможность помечать контент тегами. Это делается с помощью входных данных тегов — элемента, который собирает информацию и создает удобный пользовательский интерфейс. Существует так много примеров сайтов, которые используют ввод тегов для организации контента, например, WordPress или Medium. К концу этого руководства у нас будет работающий, повторно используемый компонент ввода..