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