From 8e4b6a1b4f816b81e6421d0d276bac810696a4da Mon Sep 17 00:00:00 2001 From: skirtle <65301168+skirtles-code@users.noreply.github.com> Date: Mon, 14 Jun 2021 06:32:04 +0100 Subject: [PATCH] fix: update positioning in lifecycle diagram --- src/.vuepress/public/images/lifecycle.svg | 270 +++++++++++----------- 1 file changed, 129 insertions(+), 141 deletions(-) diff --git a/src/.vuepress/public/images/lifecycle.svg b/src/.vuepress/public/images/lifecycle.svg index e476cb08d8..ebde4c262f 100644 --- a/src/.vuepress/public/images/lifecycle.svg +++ b/src/.vuepress/public/images/lifecycle.svg @@ -1,147 +1,135 @@ - - - - * Template compilation is performed ahead-of-time if using a build step, e.g., with single-file components. + + + + + + app = Vue.createApp(options) - - - - - beforeUnmount - - - - - - when app. unmount () is called - - - - - - beforeCreate - - - - - - - app = Vue. createApp ( options ) app. mount ( el ) - - - - - - - - - - - - - Compile template into render function * - - - - - - Compile el’s innerHTML as template * - - - - - Has “template” option? - - - YES - - - NO + + app.mount(el) - - - - - created - - - - - - - beforeMount - - - - - - - mounted - - - - - - - unmounted - - - - - - - - beforeUpdate - - - - - - updated - - - - - - Virtual DOM re-rendered and patch - - - - when data changes - - - - - - - Init events & lifecycle - - - - - - - Init injections & reactivity - - - - - - - Create app.$el and append it to el - - - - - - Mounted - + + + + + Init + events & lifecycle + + + + + + beforeCreate + + + + + Init + injections & reactivity + + + + + + created + + + + + Has + “template” + option? + YES + NO + + + + + Compile template + into render function * + + + Compile el’s innerHTML + as template * - - - - Unmounted - + + + + + + beforeMount + + + + + Create app.$el and + append it to el + + + + + + mounted + + + + + + + + + beforeUpdate + + + + + + + + updated + + + + + Virtual DOM + re-rendered + and patch + + + when data + changes + + + Mounted + + + + when + app.unmount() + is called + + + + + + + + beforeUnmount + + + + + + unmounted + + + + Unmounted + + + * Template compilation is performed ahead-of-time if using + a build step, e.g., with single-file components. +