diff --git a/content/roadmaps/105-vue/content/100-fundamental-topics/108-lifecycle-hooks.md b/content/roadmaps/105-vue/content/100-fundamental-topics/108-lifecycle-hooks.md
index 08c5ee17c..0ffc34ff7 100644
--- a/content/roadmaps/105-vue/content/100-fundamental-topics/108-lifecycle-hooks.md
+++ b/content/roadmaps/105-vue/content/100-fundamental-topics/108-lifecycle-hooks.md
@@ -1 +1,6 @@
-# Lifecycle hooks
\ No newline at end of file
+# Lifecycle Hooks
+
+Each Vue component instance goes through a series of initialization steps when it's created - for example, it needs to set up data observation, compile the template, mount the instance to the DOM, and update the DOM when data changes. Along the way, it also runs functions called lifecycle hooks, giving users the opportunity to add their own code at specific stages.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://vuejs.org/guide/essentials/lifecycle.html'>Life Cycle Hooks</BadgeLink>