What is the difference between created and mounted event in VueJS? Last Updated : 15 Jul, 2025 Suggest changes Share Like Article Like Report VueJS is a model- view-view-model JavaScript framework for building user interfaces and single-page applications. It has several lifecycle hooks (not more than 8). In this article, we are going to differentiate two types of events that are part of the lifecycle of a component. CreatedMounted And among both of them, mounted hooks are also known as most used hooks because it is easily handled when there is no concept involved of "Server-side Rendering " and created is more useful when we are dealing with servers and fetching data from backend API. Differences between Created() and Mounted() events :- CategoryCreatedMountedStageIt occurs at the earliest stage of the Vue lifecycle.It occurs after the created hook is called. OccurrenceIt occurs only once in the lifecycle of component.It can occur more than once in the lifecycle of component.AccessIt has access to component's data, methods, mounting, and computer properties.You need to access (or) modify the DOM of your component immediately before (or) after initial rendering.DOMIt cannot perform DOM manipulation because event is not mounted.It can perform DOM manipulation because event is already mountedAPI'SGenerally, used for fetching data from backend API.In mounted, we need to perform tasks like fetching data from API in created hook only.Mounting PhaseMounting phase is not started by this time and $el property is not available.Here, in the mounting phase, every time component is loaded to $el. Child ComponentIf the component has child elements then it is certain that even child component will have created hook initialized.If component has child elements then there is no guarantee all the child components will be mounted.Server-SideThis hook is especially called when we want to read data from server.This hook is not called during server-side rendering. D dadimadhav Follow Article Tags : JavaScript Web Technologies Vue.JS Explore JavaScript BasicsIntroduction to JavaScript4 min readVariables and Datatypes in JavaScript6 min readJavaScript Operators5 min readControl Statements in JavaScript4 min readArray & StringJavaScript Arrays7 min readJavaScript Array Methods7 min readJavaScript Strings5 min readJavaScript String Methods9 min readFunction & ObjectFunctions in JavaScript5 min readJavaScript Function Expression3 min readFunction Overloading in JavaScript4 min readObjects in JavaScript4 min readJavaScript Object Constructors4 min readOOPObject Oriented Programming in JavaScript3 min readClasses and Objects in JavaScript4 min readWhat Are Access Modifiers In JavaScript ?5 min readJavaScript Constructor Method7 min readAsynchronous JavaScriptAsynchronous JavaScript2 min readJavaScript Callbacks4 min readJavaScript Promise4 min readEvent Loop in JavaScript4 min readAsync and Await in JavaScript2 min readException HandlingJavascript Error and Exceptional Handling6 min readJavaScript Errors Throw and Try to Catch2 min readHow to create custom errors in JavaScript ?2 min readJavaScript TypeError - Invalid Array.prototype.sort argument1 min readDOMHTML DOM (Document Object Model)9 min readHow to select DOM Elements in JavaScript ?3 min readJavaScript Custom Events4 min readJavaScript addEventListener() with Examples9 min readAdvanced TopicsClosure in JavaScript4 min readJavaScript Hoisting6 min readScope of Variables in JavaScript3 min readJavaScript Higher Order Functions7 min readDebugging in JavaScript4 min read My Profile ${profileImgHtml} My Profile Edit Profile My Courses Join Community Transactions Logout Like