Add content for conditional rendering

content/roadmaps/105-vue/content/100-fundamental-topics/107-conditional-rendering.md

@@ -1 +1,8 @@
-# Conditional rendering
+# Conditional Rendering
+
+The directive `v-if` is used to conditionally render a block. The block will only be rendered if the directive's expression returns a truthy value.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://vuejs.org/guide/essentials/conditional.html'>Conditional Rendering</BadgeLink>
+
+