vue流程图

st=>start: New Vue()
step1=>operation: Init Events & Lifecycle
step1event=>operation: beforeCreate
step2=>operation: Init injections & reactivity
step2event=>operation: created
cond1=>condition: Has "el" option?
cond2=>condition: Has "template" option?
cond3=>descrition
step3.1=>operation: Compile template into render function
step3.2=>operation: Compile el's outerHTML as template
step3event=>operation: beforeMount
step4=>operation: Create vm.$el and replace "el" with it
step3event=>operation: mounted
step5=>operation: Mounted
step5.1=>operation: Virtual DOM re-render and patch
step5event=>operation:beforeDestroy
step6=>operation: Teardown watchers,child components and event listeners
step7=>operation: Destroyed
step7event=>operation: destroyed

st->step1->step2->cond1

cond1(yes)->cond2
cond1(no)->cond2