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


Как работать с формами во Vue (Создайте свою собственную гибкую библиотеку форм) | Глава 1
В этой статье я покажу вам, насколько приятно работать с формами, создав сверхгибкую библиотеку. Спойлер Вот мой, который я создал и хотел бы поделиться с вами своим опытом . В течение многих лет я работал со сложными формами, я использовал классные библиотеки, такие как FinalForm или Formik , а в прошлом инструменты, такие как Redux-Form , но недавно я решил сделать некоторые задачи для себя и создать библиотеку для создание форм в Vue, которым я хотел бы поделиться здесь..

Протестируйте свои идеи компонентов Vue в кратчайшие сроки с помощью мгновенного прототипирования
До появления Vue CLI 3 , если мне нужно было протестировать идею компонента vue или ответить на чей-то вопрос о Vue, я создаю прототип проекта одним из следующих трех способов: Я создаю index.html , загружаю библиотеку Vue.js и использую <script type="text/x-template" id="test"> для написания шаблона компонента в html. Или я использую онлайн-редактор кода, например CodePen или JSFiddle. Или я создаю новый проект полного веб-пакета с помощью vue cli. Все эти способы..

Как оживить ваше приложение React / Angular / Vue: предварительный загрузчик приложений
При загрузке одностраничного приложения, такого как React, Vue или Angular, вы потратите несколько секунд, глядя на пустую белую HTML-страницу. Эти несколько секунд — идеальное время, чтобы ваш внутренний UI/UX сошёл с ума — пользователю не нужно ничего нажимать, ему просто нужно отвлечься, чтобы он не кликнул! Недавно я начал создавать здесь несколько сумасшедших загрузчиков с верхней загрузкой. Хотя это кажется бессмысленным, это может оживить приложение. Забавная анимация может..

Наш vue-table-component получил несколько хороших улучшений
В начальной версии компонента вы могли просто сказать, какое свойство заданных данных должно быть отображено в каком столбце. Вот небольшой пример: <table-component :data="[ { id: 1, firstName: 'John' }, { id: 2, firstName: 'Paul' }, { id: 3, firstName: 'George' }, { id: 4, firstName: 'Ringo' }, ]" > <table-column show="firstName" label="First name"></table-column> </table-component> Это будет отображать..

Vuex и Vue - хлеб и масло
Здесь объясняется базовый вариант использования, когда мы можем использовать Vuex в приложении. Vue - это прогрессивный фреймворк Javascript, а Vuex - инструмент управления состоянием. Мы можем использовать redux или flux внутри Vue, но Vuex является родным для Vue. Здесь я демонстрирую пример приложения, которое может не понадобиться с Vuex, но оно покажет базовое понимание концепций Vuex. Почему именно Vuex ?? Видео достаточно, чтобы понять все концепции о том, зачем нам Vuex...

Отмена запроса с помощью axios в Vue.js
Вы когда-нибудь отправляли пару одинаковых запросов с разными параметрами? Несколько недель назад я столкнулся с проблемой, когда запрос может рассчитываться более одной минуты, а пользователь не дожидается ответа. Результат: пользователь получает неверную информацию из первого запроса, а затем получает правильную информацию через несколько секунд. Я использовал токен отмены в аксиомах. У меня есть 4 зависимых запроса, которые срабатывают после вызова одного из них. Для начала..

Использование приложений Web Workers Vue.
Практическое применение веб-воркеров во Vue. Прочтите эту статью в темном режиме , легко скопируйте и вставьте образцы кода и откройте для себя больше подобного содержимого на Devjavu . Использование приложений Web Workers Vue. | Devjavu Предполагается, что у вас есть базовые знания Javascript и Vue. Однопоточный JavaScript Как однопоточный… devjavu.space В этом посте предполагается, что у вас есть базовые знания о..