Vue.js Lifecycle Hooks Hooks for Vue 1.x
Example
-
Called synchronously after the instance has been initialized and prior to any initial data observation.init
-
Called synchronously after the instance is created. This occurs prior tocreated$elsetup, but afterdata observation,computed properties,watch/event callbacks, andmethodshave been setup.
-
Immediately prior to compilation of the Vue instance.beforeCompile
-
Immediately after compilation has completed. Allcompileddirectivesare linked but still prior to$elbeing available.
-
Occurs after compilation andready$elare complete and the instance is injected into the DOM for the first time.
-
Occurs whenattached$elis attached to the DOM by adirectiveor instance calls$appendTo().
-
Called whendetached$elis removed/detached from the DOM or instance method.
-
Immediately before the Vue instance is destroyed, but is still fully functional.beforeDestroy
-
Called after an instance is destroyed. Alldestroyedbindingsanddirectiveshave already been unbound and child instances have also been destroyed.
