В процессе нашей миграции на Nuxt CAPI, а потом и Nuxt 3, я очень много переосмыслял работу с контекстом как в Vue, так и в Nuxt. Как он сохраняется, на что влияет, и как можем повлиять мы. В какой-то момент я понял, что по данной тематике крайне мало публикаций, а большинство разработчиков даже не знают, что этот контекст существует - и поэтому сами не замечают, как его теряют.Что? Какой контекст? В setup нет this. Как его можно потерять? На что это влияет? Давайте про это поговорим. Читать далее
Недавно UI-библиотека Nuxt UI получила серьёзное обновление — версию Nuxt UI 4. Это принесло два больших изменения. Во-первых, теперь можно использовать Nuxt UI не только с Nuxt, но и с Vue напрямую. Во-вторых, все ранее платные возможности (Pro-компоненты, стартовые шаблоны и Figma UI Kit) теперь полностью бесплатны.Всё это хороший повод разобраться, как же устроена Nuxt UI, в чём её преимущества и как начать с ней работать. Читать далее
Часть 1: Nuxt as fullstack server: frontend + backend API Server Часть 2: Additional SSR performance with Nuxt fullstack server Разработчики Nuxt предлагают 3 метода доступа к API: Встроенный в Nuxt сервер Connect и использование serverMiddleware Интегрированные фреймворки (Express, Koa, Hapi и т.д.) Внешние API сервера Я покажу на простом примере как организовать API сервер с использованием serverMiddleware на том же инстансе Nuxt, который у нас отвечает за frontend. Читать дальше →
Сегодня, в седьмом уроке курса по Vue, мы поговорим о вычисляемых свойствах. Эти свойства экземпляра Vue не хранят значения, а вычисляют их. → Vue.js для начинающих, урок 1: экземпляр Vue → Vue.js для начинающих, урок 2: привязка атрибутов → Vue.js для начинающих, урок 3: условный рендеринг → Vue.js для начинающих, урок 4: рендеринг списков → Vue.js для начинающих, урок 5: обработка событий → Vue.js для начинающих, урок 6: привязка классов и стилей Читать дальше →