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. Allcompiled#directivesare 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. Alldestroyed#bindingsanddirectiveshave already been unbound and child instances have also been destroyed.
