diff --git a/content/roadmaps/105-vue/content/100-fundamental-topics/106-rendering-lists.md b/content/roadmaps/105-vue/content/100-fundamental-topics/106-rendering-lists.md
index 8c7e28e35..002d41df0 100644
--- a/content/roadmaps/105-vue/content/100-fundamental-topics/106-rendering-lists.md
+++ b/content/roadmaps/105-vue/content/100-fundamental-topics/106-rendering-lists.md
@@ -1 +1,7 @@
-# Rendering lists
\ No newline at end of file
+# 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>
+