Omitting the Key Directive on v-for
In this lesson, we take a look at one of the most common Vue.js mistakes: forgetting to combine the:key directive with v-for. This mistake can cause very bugs that are hard to track down whenever elements or components within a loop contain some internal state and are re-ordered in any way.
?BTW reordering doesn’t just mean shuffling, it also includes adding or deleting any new items, that cause other elements to change position.
The rule of thumb is ALWAYS provide the :key directive with your v-for's no matter what and never use the index as the key.
Links
- Chapter 1
Common Vue.js Mistakes
14 lessons • 1 hr0:56
8:35
9:11
3:24
6:41
10:00
2:25
5:42
5:21
4:04
1:57
0:52
