Member-only story

Your Lists Won’t Glitch In Vue.js 3.4.15

Tom Smykowski
2 min readFeb 7, 2024

--

Attention! I need nine more people to become members to write next article! Join now: https://medium.com/membership/@tomaszs2

Vue.js 3.4.15 was released on January, 18. One of the interesting changes in this release is skipping double rendering when using template ref on v-for.

There are also some minor fixes. But one thing that surely will help a lot of developers is the performance improvement for big lists. Refael Iliaguyev reported a problem with list rendering:

As you can see after the long selection there’s visible glitch. The selection ends at 1624, but it takes quite a while before v-model is actually updated.

Evan You fixed it by preventing unnecessary computation during the processing of selection with the essential part as below:

From this improvement will benefit people who have big lists with items selected by users.

💎 Bonus

--

--

Tom Smykowski
Tom Smykowski

Written by Tom Smykowski

🚀 Senior/Lead Frontend Engineer | Angular · Vue.js · React | Design Systems, UI/UX | Looking for a new project! 📩 contact@tomasz-smykowski.com

No responses yet