Рубрика ""

Хук mounted в Nuxt 3

В Nuxt 3 хук mounted является частью жизненного цикла компонента Vue и имеет некоторые особенности при использовании с SSR. Давайте разберемся, что это за особенности и как их можно учитывать в своей работе.

Особенности хука mounted

Хук mounted выполняется после того, как компонент был полностью смонтирован в DOM. Это означает, что он будет выполняться только на клиенте, и все...

Как получить объект Request в Symfony

Для чего нужен Request Symfony

Фреймворк Symfony работает на основе http запросов (Request) и ответов (Response). Объект Request в Symfony представляет текущий HTTP-запрос, отправленный клиентом к вашему приложению.

Подробнее о том, как это происходит можно посмотреть в серии видео здесь:https://webkyrs.info/razdel/symfony

Часто нужно получить текущий запрос к странице и каким-то образом его видоизменить. 

Например, мы можем:

+ получить переданные данные (GET,...

Nuxt. Установка favicon.

В этой статье мы разберем, как заменить favicon по умолчанию в приложении Nuxt.js. Favicon — это маленькая иконка, которая отображается в вкладке браузера рядом с названием страницы, и её изменение придаст вашему проекту индивидуальный стиль.

Давайте рассмотрим, как можно поменять эту иконку.

Замена стандартной иконки.

Для начала откройте ваше Nuxt.js приложение в любом удобном текстовом редакторе. Это может быть Visual...

Использование ref и refs в Nuxt

Проблема использования ref в Nuxt

Когда мы работали над проект Nuxt 2 мы могли использовать конструкцию this.$refs для доступа к DOM-элементам напрямую из JavaScript-кода в рамках Options API. Т.к. Nuxt 2 работает на базе Vue 2, у нас пока не было возможности использовать там построение компонентов с помощью composition API.

В Nuxt 3 такой подход больше не работает.

Для того,...

Работа с SEO и head в Nuxt

Фреймворк Nuxt имеет мощный встроенный функционал для работы с SEO (поисковым продвижением).

Режим SSR

Главное преимущество Nuxt для SEO в том, что по умолчанию в нем включен режим SSR (Server Side Rendering). Это позволяет формировать HTML-код страницы на сервере и выдавать поисковым системам уже готовую HTML разметку, а не скрипты, которые формируют эту разметку. Поисковые системы это любят.

Убедится, что...

Простое Symfony console (консольное) приложение и команда.

Иногда нам не нужно разворачивать весь Symfony фреймворк со всеми его пакетами полностью. Это приложение может быть слишком громоздким.

Предположим, что нам нужна только одна консольная (console) команда, которая будет выполнять какие-то действия. Все остальные пакеты Symfony будут лишними.

Если вам, что-то будет из этой статьи не понятно, посмотрите мои видео уроки по Symfony:https://webkyrs.info/razdel/symfony

Так можно получить более целостное...

Работа с useFetch в Nuxt

О Composables

В Nuxt есть раздел функций, которые называются Composables или составные или композиционные функции. Одной из таких функций является useFetch. 

Эти функции встраиваются в функционал Nuxt и расширяют его функциональность, как правило, за счет каких-то других функций. В итоге, получается некая композиция возможностей Nuxt, с возможностями Vue и Javascript.

Подробнее о useFetch

Что собой представляет useFetch?

С этим инструментом вам...