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

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

Когда и как использовать Vuex

Vuex может решить множество проблем, но может быть и головной болью Я собираюсь действительно упростить то, что такое Vuex. По сути, вы можете думать об этом как о гигантском объекте Javascript, который обозначает состояние вашего приложения. Каждый компонент имеет доступ к этому состоянию и может изменять его с помощью заранее определенных действий. Таким образом, вы всегда будете знать, как ваше приложение попало в определенное состояние. Почему вам следует использовать Vuex..

Автоматический импорт SASS / SCSS в каждый компонент Vue.js

Автоматический импорт SASS / SCSS в каждый компонент Vue.js Если вы работали с Vue.js и SASS (или с SCSS здесь), возможно, вы столкнулись с этой очень распространенной проблемой. У вас есть переменные SCSS в одном файле, которые вы хотите сделать доступными для ваших компонентов Vue. Хорошая новость заключается в том, что Vue CLI невероятно упрощает поддержку написания SCSS, а с однофайловыми компонентами Vue вы можете просто добавить lang="scss" в блок <style> (..

Пример Mobx NuxtJS Vue

Nuxt .js - это минимальная структура для создания приложений Vue.js с рендерингом на стороне сервера, разделением кода, горячей перезагрузкой, статической генерацией и многим другим! Этот проект Nuxt.js демонстрирует интеграцию Mobx в качестве альтернативы для управления состоянием в ваших vuejs-приложениях. Простое приложение с двумя вкладками, которое отображает отфильтрованный список товаров: носки и обувь . При нажатии они добавляются в корзину. Доступ к корзине можно..

📦 Посылка v1.7.0:

Сегодня я рад выпустить Parcel v1.7.0 , огромный выпуск с множеством новых функций и улучшений! Проверьте это на Github . Со времени последнего выпуска Parcel продолжал совершенствоваться с головокружительной скоростью. Parcel v1.7.0 включает более 15 ГЛАВНЫХ новых функций, а также исправляет множество ошибок. Основные моменты включают в себя: 🖖 Поддержка Zero config Vue из коробки! - Parcel теперь имеет полную поддержку .vue файлов из коробки без дополнительных модулей или..

Еще один пример абстрактного компонента в Vue.js

Всем привет! Я фронтенд-разработчик и надеюсь, что вы тоже программист. Как часто вам нужно внедрять абстракции в код JavaScript? Никогда? О, давайте это изменим! Вы что-нибудь знаете о Intersection Observers API? Если да, отлично! Вы можете загуглить «Написание абстрактных компонентов в Vue.js» и получить множество скопированных статей о написании компонентов с отложенным рендерингом для достижения производительности рендеринга страницы в DOM. Я не буду здесь обсуждать этот..

Создайте простую игру с помощью Vuejs

Повторно введите номер, который вы видите ниже. Эз правильно? Идея проста. Отобразите число, а затем позвольте пользователю ввести число, которое они видят на экране. Однако есть поворот. Мы начинаем с отображения однозначного числа, а затем продолжаем добавлять количество отображаемых цифр по мере того, как пользователь переходит на более высокие уровни. Мы также вводим отображение времени ожидания для номера, так что номер будет отображаться только в течение определенного периода..

ES6: Обещание родного пути (на примере Strophe)

Первоначально опубликовано на www.melvinkoh.me . Прежде чем ES6 предоставит нам встроенную поддержку Promise, мы полагаемся на сторонние библиотеки, такие как Bluebird , чтобы задействовать этот полезный механизм. В этом посте мы увидим, как мы можем обещать API на основе обратных вызовов в собственном стиле ES6 и избежать общего анти-шаблона. Что такое Promisify? Promisify - это рефакторинг обычного API на основе обратного вызова в API на основе Promise. Зачем обещать?..