Add rendering lists docs

content/roadmaps/105-vue/content/100-fundamental-topics/106-rendering-lists.md

@@ -1 +1,7 @@
-# Rendering lists
+# Rendering Lists
+
+We can use the `v-for` directive to render a list of items based on an array. The `v-for` directive requires a special syntax in the form of `item in items`, where `items` is the source data array and `item` is an alias for the array element being iterated on.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://vuejs.org/guide/essentials/list.html'>Rendering Lists in Vue.js</BadgeLink>
+