Публикации по теме 'vuejs'
Создайте собственную директиву всплывающей подсказки с помощью CSS и Vue.
Давайте рассмотрим, как мы можем добавить всплывающую подсказку к вашему компоненту Vue, используя директиву и CSS.
В предыдущем посте мы рассмотрели, как создать доступный компонент всплывающей подсказки в Vue. Однако создание элемента для простой всплывающей подсказки может оказаться излишним. Следовательно, в этом посте мы рассмотрим другой подход к расширению компонента с помощью всплывающей подсказки, используя пользовательские директивы и CSS.
Что такое директива Vue?
В то..
Паровой режим VueJS и другие обновления дорожной карты Vue Amsterdam 2023
На недавнем двухдневном мероприятии VueJS Amsterdam 2023, проходившем с 8 по 10 февраля, Эван Ю рассказал о некоторых новых интересных функциях Vue и представил обновления дорожной карты на 2023 год.
TLDR/Основные моменты:
📍 Vue 2 достигает завершения поддержки (EOL) 31 декабря 2023 г.
📍 API параметров никуда не денется
📍 Преобразование реактивности будет удалено из ядра Vue в версии 3.4.
📍 Деструктуризация реактивного реквизита
📍 Приостановка будет завершена во..
vue: псевдо-мапгеттеры
При использовании Vue.observable вместо этого:
import $s, { isValueValid } from './store';
export default {
computed: {
$s(){ return $s; },
isValueValid(){ return isValueValid() },
}
}
мы можем написать это:
import $s, { isValueValid } from './store';
export default {
computed: {
... { isValueValid, $s: () => $s },
}
}
а затем используйте его в vue-template: <template>
<div>
<div>{{ $s.value }}</span>
<WarnComponent..
Создание тегов с помощью vue-multiselect и тегов Laravel
Теги - важная часть группировки информации в Интернете. На Medium вы помечаете свои сообщения категориями. В Facebook вы отмечаете свои фотографии. В Gmail вы можете пометить свои сообщения ярлыками. На GitHub вы можете добавлять теги в свои репозитории. В этом руководстве мы рассмотрим, как я использовал готовые пакеты Laravel и Vue.js для создания системы тегов для кандидатов на Employbl.com .
Если вы еще этого не сделали, не стесняйтесь протестировать эту функцию, подав..
HTML-кнопки стали слишком дорогими
Итак, вы решили создать одностраничное приложение всего с одной кнопкой, используя Angular, React или Vue и некоторую библиотеку компонентов пользовательского интерфейса. Звучит здорово! Давай сделаем это дерьмо.
Но есть проблема. Добавление одной кнопки на страницу может оказаться намного дороже, чем вы думаете. Попробовав некоторые из самых популярных библиотек компонентов, я был удивлен тем, насколько может увеличиться мой окончательный размер пакета.
Реагировать
Размер пакета..
Простые в использовании библиотеки оверлеев для приложений Vue
Vue.js - это простой в использовании фреймворк для веб-приложений, который мы можем использовать для разработки интерактивных интерфейсных приложений.
В этой статье мы рассмотрим несколько простых в использовании библиотек оверлеев для отображения диалоговых окон и модальных окон так, как нам нравится в приложении Vue.
Vuedals
Это простая в использовании библиотека Vue, позволяющая нам добавлять модальные окна в наше приложение Vue. Чтобы использовать его, мы сначала устанавливаем..
Создание навигации с помощью vue router
Итак, на днях я использовал маршрутизатор vue, и мне не нравилось вручную настраивать маршрутизатор, а затем создавать фрагмент html в моей навигации, чтобы фактически ссылаться на этот маршрут. Слишком много хлопот. Давай сделаем это проще.
Если вы просто хотите перейти к коду, посмотрите мой codepen .
Настройка вещей
Итак, я получил страницу Начало работы о маршрутизаторе vue и кое-что на ней построил. Я создал три маршрута, два из которых я хотел использовать в своей..
