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

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

Пользовательские директивы Vue на примере - отслеживание GA в приложении Vue

Пользовательские директивы Vue на примере - отслеживание GA в приложении Vue Эта статья представляет собой пошаговое руководство по созданию настраиваемой директивы в Vue. В качестве примера напишем рабочий плагин для отслеживания GA. Плагин 🔌 Весь код отслеживания должен быть инкапсулирован в плагин, и внутри этого плагина будет определена директива. Назовем файл tracking.js . Прежде чем мы сможем что-либо отслеживать, нам нужно загрузить библиотеку аналитики. const..

Ночной выбор фильмов в стиле Tinder с VueJs и Firebase

Часть 1 — Настройка приложения На днях я был в Твиттере и увидел забавный твит о том, что должно быть приложение вроде Tinder, но для фильмов. Вместо приложения для знакомств это будет для пар, которым трудно договориться о том, какие фильмы смотреть. Каждый будет проводить пальцем влево или вправо в зависимости от того, как они относятся к просмотру фильма. Затем они могут просмотреть матчи и найти подходящий фильм. Я думаю, что это фантастическая идея и что-то, с чем я полностью..

Использование стилуса с Vue.js / Nuxt.js

Использование стилуса с Vue.js / Nuxt.js Stylus по-прежнему является динамичным сообществом! Для тех из вас, кто никогда не слышал о стилусе, он похож на sass / scss / less. Это препроцессор CSS, который ускоряет и упрощает итерацию интерфейсной разработки. стилус / стилус Stylus - это революционно новый язык, обеспечивающий эффективный, динамичный и выразительный способ создания CSS. Поддержка… github.com Предположения: У..

Vue + Django - лучшее из обоих интерфейсов, часть 2

Продолжение Части 1 этой серии . См. Также Часть 3 этой серии , в которой описывается отложенная загрузка компонентов Vue для повышения производительности. В своей предыдущей статье я продемонстрировал, как использовать поддержку многостраничного приложения (MPA) Vue для встраивания однофайловых компонентов Vue в шаблон Django, что позволяет разработчикам легко совмещать использование шаблонов Django и Vue в приложении. В статье реализован очень простой пример. С момента..

Работа с приложением на Vue.js с TDD - подробное руководство для людей, у которых есть время - часть 3

Работа с приложением на Vue.js с TDD - подробное руководство для людей, у которых есть время - часть 3 Доработка наших компонентов и интеграция магазина Это третья из серии статей: Часть 1: Настройка и первое испытание Часть 2: Продолжение UserView Часть 3. Тестирование магазина и остальных компонентов презентации Часть 4: Тестирование службы запросов API Часть 5: Добавление и тестирование со сторонними зависимостями Часть 6. Обзор - 26 ноября Если вы хотите..

Обновить массив и объект в Vuejs

Обнаружение изменения массива Когда вы изменяете массив, напрямую устанавливая индекс (например, arr[0] = val ) или изменяя его свойство length . Точно так же Vue.js не может уловить эти изменения. Всегда изменяйте массивы, используя метод экземпляра Array или полностью заменяя его. Vue предоставляет удобный метод arr.$set(index, value) , который является синтаксическим сахаром для arr.splice(index, 1, value) . Из-за ограничений в JavaScript Vue не может обнаружить следующие..

Преимущества и происхождение рендеринга на стороне сервера

Рендеринг на стороне сервера, сокращенно SSR, является часто неправильно понимаемой концепцией. Что это такое, и почему вы должны утруждать себя его изучением? Я надеюсь ответить на эти вопросы рассказом об истоках рендеринга на стороне сервера. Выгоды Прежде чем я перейду к истории и объяснению SSR, стоит сначала понять преимущества. Почему вас это должно волновать? 🔎 Поисковая оптимизация: поисковые системы сканируют контент, поэтому ваш сайт и страницы будут появляться в..