Boost Vue 3 Performance with v‑memo: When and How to Use It

This article explains Vue 3’s v‑memo directive, how it conditionally skips component updates by tracking dependency arrays, and demonstrates its use to dramatically reduce rendering costs in large v‑for lists compared to traditional v‑if/v‑show approaches.

DirectiveVue.jsfrontend performance

0 likes · 4 min read

Boost Vue 3 Performance with v‑memo: When and How to Use It

Rare Earth Juejin Tech Community

Nov 10, 2024 · Frontend Development

Why Not Use :key="index" in Vue v-for? Understanding Virtual DOM and Diff Algorithm

This article explains why using :key="index" in Vue v-for loops is problematic, describes the virtual DOM compilation process, demonstrates the diff algorithm with examples, and provides best practices for key usage to improve rendering performance.

Diff AlgorithmVirtual DOMVue

0 likes · 6 min read

Why Not Use :key="index" in Vue v-for? Understanding Virtual DOM and Diff Algorithm

php Courses

Aug 23, 2021 · Frontend Development

Vue.js v-for key order affects transition animation and how to fix it

This article explains why using a numeric index as the key in a Vue.js v‑for loop can cause transition animations to apply only to the last element, and shows how switching the key to a unique string restores smooth, sequential animations.

KEYTransitionVue.js

0 likes · 4 min read

Vue.js v-for key order affects transition animation and how to fix it

Boost Vue 3 Performance with v‑memo: When and How to Use It

Why Not Use :key="index" in Vue v-for? Understanding Virtual DOM and Diff Algorithm

Vue.js v-for key order affects transition animation and how to fix it

Boost Vue 3 Performance with v‑memo: When and How to Use It