Forwarded from Душный Вуй
#vuejs #learning
Короче 1 и 2 октября у Vue School пройдут бесплатные выходные
https://vueschool.io/free-weekend
За новость спасибо @Black_Yuzia
Короче 1 и 2 октября у Vue School пройдут бесплатные выходные
https://vueschool.io/free-weekend
За новость спасибо @Black_Yuzia
Forwarded from Душный Вуй
#vuejs
Интересный плагин для формирования layout'ов для дашбордов и админок с ресайзом и drag'n drop
Github: https://github.com/bensladden/vue-responsive-dash
Потыкать: https://vue-responsive-dash.netlify.app/
Интересный плагин для формирования layout'ов для дашбордов и админок с ресайзом и drag'n drop
Github: https://github.com/bensladden/vue-responsive-dash
Потыкать: https://vue-responsive-dash.netlify.app/
GitHub
GitHub - bensladden/vue-responsive-dash: Responsive, Draggable & Resizable Dashboard (Grid) for Vue
Responsive, Draggable & Resizable Dashboard (Grid) for Vue - bensladden/vue-responsive-dash
Forwarded from Душный Вуй
#vuejs #vue3
Вышел Vue 3.2.40, возможно именно в нём исправили именно ваш баг, чекайте тут
https://github.com/vuejs/core/blob/main/CHANGELOG.md
Вышел Vue 3.2.40, возможно именно в нём исправили именно ваш баг, чекайте тут
https://github.com/vuejs/core/blob/main/CHANGELOG.md
GitHub
core/CHANGELOG.md at main · vuejs/core
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. - vuejs/core
Forwarded from Душный Вуй
#vuejs #touch #android #ios
Статейка на тему тач-событий в Vue.js
https://blog.logrocket.com/understanding-vue-touch-events-android-ios/
Статейка на тему тач-событий в Vue.js
https://blog.logrocket.com/understanding-vue-touch-events-android-ios/
Forwarded from Душный Вуй
#vuejs
А между тем там начали собирать первые билды Vue 3.3
https://github.com/vuejs/core/blob/main/CHANGELOG.md
А между тем там начали собирать первые билды Vue 3.3
https://github.com/vuejs/core/blob/main/CHANGELOG.md
#vuejs #основы
Что то я забросил постить всякие интересности и объяснения, лентяй же.
В общем сегодня поговорим про NextTick, а то иногда кажется, что многие про него слышали, но никто не знает нафига он нужен то.
Основным применением метода
Например, если вам нужно получить размеры элемента, который только что был изменен с помощью
В примере на картинке мы используем
Карочи, если вам нужно выполнить какой-либо код после обновления DOM в ответ на изменение состояния данных, вы можете использовать метод
Что то я забросил постить всякие интересности и объяснения, лентяй же.
В общем сегодня поговорим про 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 #основы
Ааааа теперь немного поговорим про
Основная разница между `watch и `watchEffect` заключается в том, как они реагируют на изменения данных:
watch (первое изображение) - это функция, которая принимает два аргумента: первый аргумент - это реактивное значение, которое нужно отслеживать, а второй аргумент - это функция обратного вызова, которая будет вызываться каждый раз, когда значение изменяется.
Функция обратного вызова также может принимать два аргумента: новое значение и старое значение. watch предоставляет полный контроль над реактивными данными и позволяет выполнять произвольные операции в ответ на изменения.
watchEffect (второе изображение) - это функция, которая принимает один аргумент - функцию обратного вызова (callback), которая будет автоматически вызываться при любом изменении реактивных данных, на которые эта функция обратного вызова ссылается.
Ааааа теперь немного поговорим про
watch и watchEffect ребятки.Основная разница между `watch и `watchEffect` заключается в том, как они реагируют на изменения данных:
watch (первое изображение) - это функция, которая принимает два аргумента: первый аргумент - это реактивное значение, которое нужно отслеживать, а второй аргумент - это функция обратного вызова, которая будет вызываться каждый раз, когда значение изменяется.
Функция обратного вызова также может принимать два аргумента: новое значение и старое значение. watch предоставляет полный контроль над реактивными данными и позволяет выполнять произвольные операции в ответ на изменения.
watchEffect (второе изображение) - это функция, которая принимает один аргумент - функцию обратного вызова (callback), которая будет автоматически вызываться при любом изменении реактивных данных, на которые эта функция обратного вызова ссылается.
watchEffect обычно используется для реактивного выполнения побочных эффектов, таких как обновление DOM, отправка запросов на сервер или запуск анимации. Он обеспечивает более простой способ реагирования на изменения, не требуя явного указания реактивных данных для отслеживания.