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


Придерживайтесь функционального программирования… немного
Vue v3 был обновлен, чтобы включить новый Composition API , который, как и обновление хуков React пару лет назад, полностью охватывает шаблоны функционального программирования. И хуки, и Composition API являются отражением того факта, что функциональное программирование штурмом захватило мир разработчиков за последние несколько лет. Около двух лет назад я начал более серьезно изучать функциональные концепции, потому что хотел наконец понять, что такое монада. Я до сих пор не до..
Автоматизация создания файлов в вашем JS-приложении
Начиная новый проект, вы не хотите тратить время на повторение себя. Вот тут и приходит на помощь библиотека Chokidar — она позволяет автоматизировать создание кода и поддерживать согласованные рекомендации с вашими соавторами. Позвольте мне рассказать вам, как! Что такое Chokidar ? Chokidar — это библиотека Node.js, которая позволяет отслеживать изменения в определенных файлах, целых каталогах или даже во всем дереве каталогов. При обнаружении изменения Chokidar генерирует событие..
Выполняйте задачи JavaScript как профессионал
См. статью Кристофера Селбекка о подводных камнях шаблона и о том, как каждая копия приводит к новым ошибкам. Ваше приложение Javascript запускает любое количество асинхронных задач, реагируя на их результат. Вы старательно управляете жизненным циклом своих задач, но спрашиваете себя, неужели это еще один шаблон? Вы учли все крайние случаи или на этот раз что-то упустили? Оболочка задач, которая может реагировать, отменять, ограничивать время и перезапускать. Нажмите здесь..
Кодирование лучших составных частей (1/5)
Кодирование лучших составных частей (1/5) Composables — это, безусловно, лучший способ организовать бизнес-логику в вашем приложении Vue 3. Автор: Майкл Тиссен Composables — это, безусловно, лучший способ организовать бизнес-логику в вашем приложении Vue 3. Они позволяют извлекать небольшие фрагменты логики в функции, которые можно легко повторно использовать повторно. Это упрощает написание и чтение кода. Поскольку этот способ написания кода Vue является относительно..
Как передать переменную во встроенное фоновое изображение во Vue
Если вы предпочитаете посмотреть видео, вы можете посмотреть его здесь - https://youtu.be/7GCFDL3c8Vo Передать привязку стиля во Vue легко. Вы можете пройти вот так <div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> Пример с официального сайта Vue Вы можете использовать непосредственно из переменной, как это <div class="progress"> <div class="progress__fill" :style="{width: progress}"></div> </div>..
Как присвоить свойствам значения по умолчанию в Vue.js
Когда мы используем компоненты в Vue , мы часто используем свойства или реквизиты для передачи пользовательских фрагментов данных дочернему компоненту. Например, мы можем сообщить нашему дочернему компоненту, что для этой версии компонента имя установлено на мой-компонент : <Component name="my-component" /> Если мы попытаемся вызвать этот компонент без реквизита name , он вернет undefined в коде или просто не будет текста при отображении в HTML. Допустим, наш..
Часть 1. Выполнение простого сложения [Учебник для начинающих: изучаем Vue, CSS Grid и Flexbox]
Шаг 1. Добавьте элемент на свою страницу и установите его в качестве корневого элемента нового экземпляра Vue. В области HTML добавьте пустой элемент div , который имеет id из app . На панели JS назначьте переменной vm инициализацию экземпляра new Vue . Передайте этому новому экземпляру Vue единственный аргумент — значение типа object , которое имеет одну пару key: value : ключ — el , а value — это string селектора CSS для выбора элемента с id из app . Шаг..