#vuejs

Интересный плагин для формирования layout'ов для дашбордов и админок с ресайзом и drag'n drop

Github: https://github.com/bensladden/vue-responsive-dash
Потыкать: https://vue-responsive-dash.netlify.app/

#vuejs #vue3

Вышел Vue 3.2.40, возможно именно в нём исправили именно ваш баг, чекайте тут
https://github.com/vuejs/core/blob/main/CHANGELOG.md

#vuejs #touch #android #ios

Статейка на тему тач-событий в Vue.js

https://blog.logrocket.com/understanding-vue-touch-events-android-ios/

#vuejs #conference #eng

Шо там говорят будет Вуюшная конфа в январе

https://vuejsnation.com/

#vuejs

А между тем там начали собирать первые билды Vue 3.3

https://github.com/vuejs/core/blob/main/CHANGELOG.md

#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.

#vuejs #piniaorm

Немного про Pinia ORM во Vue тут в статье
https://blog.openreplay.com/managing-state-in-vue-with-pinia-orm/