Публикации по теме 'vuejs'
Создайте Pokedex с помощью Vue CLI (часть 3)
В предыдущих двух частях этого руководства мы обсудили первоначальную настройку Vue CLI, как настроить маршрутизацию и управление состоянием, а также создали две страницы приложения. В этой части мы создадим компоненты.
Это обзор учебника:
"Начальная настройка" Маршрутизация и управление состоянием "Компоненты" Необязательно: Сохраняющееся состояние и извлеченные уроки
В конце этого урока у нас будет классное приложение покедекс, которое показывает первых 151 покемонов, и вы..
Как использовать Teleport в Vue.js для перемещения частей шаблонов
Обычно, когда мы создаем компоненты в Vue.js, они естественным образом появляются в структуре DOM там, где мы и ожидали. Однако иногда это не имеет смысла. Хорошим примером этого является модальное окно — обычно модальное окно должно отображаться поверх всего на странице — поэтому, если мы создадим его в компоненте, где это логически имеет смысл, оно может появиться за определенным HTML-кодом. элементы или требуют какого-то странного стиля CSS, чтобы вывести его наверх.
К счастью,..
Хуки жизненного цикла Vue.js
В этом руководстве вы узнаете и получите представление о хуках жизненного цикла Vue.js . вы также получите глубокое понимание того, как компоненты создаются и уничтожаются за кулисами.
Перехватчики жизненного цикла являются отправной точкой практически для всех интерфейсных фреймворков, поэтому хорошее понимание того, когда ваши компоненты создаются, монтируются, обновляются и уничтожаются, необходимо для понимания реактивности библиотеки.
Разобраться в хуках жизненного цикла в..
Сегодня в Vue:
tl; dr : запрос Vue 3.0: разрешить <keep-alive> указывать, должен ли компонент оставаться в активированном состоянии, чтобы он мог реагировать на его свойства и выполнять действия, даже когда он находится в режиме keep-alive .
Иногда вам нужно поддерживать работоспособность сложного компонента, даже если это не главное, с чем сталкивается пользователь. Например, один из многих элементов в системе вкладок или что-то просто заменено другим через v-if . В любом случае, это..
Стили динамических компонентов в Vue (API параметров) с использованием Tailwind CSS и таблиц поиска
В этой статье предполагается, что вы знакомы с Vue
(API композиции с версией Typescript скоро появится)
На прошлой неделе я написал статью о том, как я предпочитаю использовать таблицы поиска при работе со стилями динамических компонентов в Nuxt, которую вы можете найти здесь . На этой неделе я работал с Vue 3 и, как и при использовании Nuxt, во Vue я использую таблицы поиска при работе со стилями динамических компонентов, вот как:
Попутный ветер и PurgeCSS
Tailwind CSS -..
Redux против Vuex
JavaScript — библиотеки управления состоянием
Vuex и Redux — это библиотеки управления состоянием, которые обычно используются с платформами JavaScript. Хотя у них есть некоторые сходства, они были разработаны для использования с разными платформами и имеют некоторые ключевые отличия.
Редукс
Redux — это библиотека управления состоянием, которая изначально была разработана для использования с фреймворком React. Он основан на идее единого неизменного дерева состояний и использует..
PreVue вернулся и стал лучше, чем когда-либо!
В последние годы инструменты для создания визуальных макетов становятся все более популярными, поскольку они позволяют пользователям легко и быстро планировать свое приложение. Разработчики могут использовать эти конструкторы страниц для визуализации своего веб-сайта с помощью механизма перетаскивания компонентов. Это делает процесс проектирования более рациональным и эффективным, позволяя дизайнерам сосредоточиться только на визуальных элементах веб-сайта. Кроме того, эти инструменты..
