⚡️Nuxt 3.2.0

🧑‍💻 Nuxt DevTools
🪄 Улучшения типизации runtimeConfig и useFetch
💪 Обновление Nitropack до v2.2 с поддержкой сессий
🔥 Улучшения Treeshaking'а

Девтулзы для накста ожидаем уже через сутки! 👏

https://github.com/nuxt/nuxt/releases/tag/v3.2.0

Тут ребята выпустили релиз Vuestic UI 1.6.0

Самое интересное:
* Поддержка Tailwind - мы решили не доизобретать свои CCS хелперы, а взять готовые
* Vuestic CLI - позволяет оперативно создать бойлерплейт Vue или Nuxt проекта с Vuestic UI на борту
* Компоненты Skeleton, Stepper
* Перевели документацию на Nuxt 3
Подробнее тут https://github.com/epicmaxco/vuestic-ui/releases/tag/v1.6.0
Документация тут https://vuestic.dev/

#vuejs #основы

Что то я забросил постить всякие интересности и объяснения, лентяй же.

В общем сегодня поговорим про NextTick, а то иногда кажется, что многие про него слышали, но никто не знает нафига он нужен то.

Основным применением метода nextTick является обновление DOM после изменения данных в реактивном состоянии. Vue.js следит за изменениями данных и обновляет DOM асинхронно, поэтому изменения не всегда отображаются мгновенно. Если вам нужно выполнить какой-либо код после того, как Vue.js обновил DOM, вы можете использовать nextTick.

Например, если вам нужно получить размеры элемента, который только что был изменен с помощью v-if или v-show, вы можете использовать nextTick для выполнения кода после обновления DOM.

В примере на картинке мы используем nextTick для выполнения метода getElementSize ПОСЛЕ того, как Vue.js обновит DOM в ответ на изменение значения showElement. Это позволяет нам получить размеры элемента после того, как он стал видимым или скрытым.

Карочи, если вам нужно выполнить какой-либо код после обновления DOM в ответ на изменение состояния данных, вы можете использовать метод nextTick.