BeforeCreate (before creation)
The data observation and initialization events have not yet begun
Created (after creation)
Completed data observation, property and method operations, initialization events, $EL property is not yet displayed.
BeforeMount (before loading)
Called before the mount begins, the associated render function is called for the first time. The example completes the following configuration: compile the template, and generate HTML from the data inside the data and template. Note that the HTML has not been mounted to the page at this point.
Mounted
Called after el is replaced by the newly created vm.$el and mounted to the instance. The example is configured to replace the DOM object pointed to by the EL attribute with the HTML compiled above. Finish rendering the HTML from the template to the HTML page. Ajax interactions occur during this process.
BeforeUpdate (beforeUpdate)
Called before data is updated and occurs before the virtual DOM is re-rendered and patched. You can further change the state in this hook without triggering additional rerendering.
Updated
Called after the virtual DOM is rerendered and patched due to data changes. When called, the component DOM is already updated, so DOM-dependent operations can be performed. In most cases, however, you should avoid changing the state during this period, as this can lead to an infinite update loop. This hook is not called during server-side rendering.
BeforeDestroy (Before destroying)
Called before instance destruction. The instance is still fully available.
Destroyed (after destruction)
Called after instance destruction. When called, all event listeners are removed and all subinstances are destroyed. This hook is not called during server-side rendering.