Vue
Introduction to Vue.js: Directives

V-For

Mute
Current Time 0:00
/
Duration Time 0:00
Loaded: 0%
Progress: 0%
Stream TypeLIVE
Remaining Time -0:00
 
PRO

V-for is a directive that allows you to loop over iterables, or groups/collections of data, and display it on the DOM. One thing to note is that this is reactive, meaning it listens for changes in data. It works with all iterables (objects, arrays, set and map), but is not reactive on set or map.

To view the example demo for this video, feel free to look at the codesandbox here: https://codesandbox.io/s/directives-intro-b2lfk by looking at MarksComponent.vue

 

I finished! On to the next chapter