vue 生命周期流程图 go.js

{ "class": "go.GraphLinksModel",
"linkFromPortIdProperty": "fromPort",
"linkToPortIdProperty": "toPort",
"nodeDataArray": [
{"category":"Start", "text":"new Vue()", "key":-1, "loc":"-171 -307"},
{"category":"stepkz", "text":"init Events & Lifecycle", "key":-2, "loc":"-171.00000000000006 -249.00000000000003"},
{"category":"stepkz", "text":" init injections & reactivity", "key":-3, "loc":"-170.9999999999999 -175.99999999999997"},
{"category":"conditionkz", "text":"Has "el"option?", "figure":"Diamond", "key":-4, "loc":"-171.00000000000009 -90.00000000000001"},
{"category":"conditionkz", "text":"Has "template"option?", "figure":"Diamond", "key":-5, "loc":"-170.00343283331193 18.386756467075983"},
{"category":"stepkz", "text":"beforeCreate", "key":-7, "loc":"-336.5433749999999 -214.1657500000001"},
{"category":"stepkz", "text":"created", "key":-8, "loc":"-318.90774999999996 -138.76249999999996"},
{"category":"stepkz", "text":"Compile template into render Function", "key":-9, "loc":"-297.31974031250036 112.7185159375"},
{"category":"stepkz", "text":"Compile el's outerHTML as template", "key":-10, "loc":"-48.44743687500006 111.92876843749988"},
{"category":"stepkz", "text":"Create vm.$el and replace "el" with it", "key":-11, "loc":"-162.57429250000007 224.62295375000014"},
{"category":"Start", "text":"Mounted", "key":-12, "loc":"-162.99999999999991 322.99999999999983"},
{"category":"stepkz", "text":"Teardown watchers,child components and event Listeners", "key":-13, "loc":"-163.03784987343766 426.91946187734356"},
{"category":"Start", "text":"Destroyed", "key":-14, "loc":"-163.62840169062503 526.7561807273436"},
{"category":"stepkz", "text":"beforeDestroy", "key":-15, "loc":"-378.72302637421905 362.2283445484379"},
{"category":"stepkz", "text":"destroyed", "key":-16, "loc":"-370.8378213023441 526.4792071015628"},
{"category":"stepkz", "text":"mounted", "key":-17, "loc":"-365.80231918906276 267.33250312812515"},
{"category":"stepkz", "text":"beforeMount", "key":-18, "loc":"-378.6437335593748 181.9774819953126"},
{"category":"stepkz", "text":"Virtual DOM re-render and patch", "key":-19, "loc":"-39.88520507187516 320.72302637421893"},
{"category":"stepkz", "text":"beforeUpdate", "key":-20, "loc":"74.39052324609372 226.0046955203124"},
{"category":"stepkz", "text":"updated", "key":-21, "loc":"47.275728317968714 386.4330686398438"},
{"category":"Comment", "text":"when data changes", "key":-22, "loc":"-39.5053181742188 216.44729805625008"},
{"category":"Comment", "text":"when vm.$destroy() is called", "key":-23, "loc":"-262.3052896031251 311.53722721953164"}
],
"linkDataArray": [
{"from":-1, "to":-2, "fromPort":"B", "toPort":"T", "points":[ -171,-287,-171,-277,-171,-277,-171,-283.93518524169923,-171,-283.93518524169923,-171,-273.93518524169923 ]},
{"from":-2, "to":-3, "fromPort":"B", "toPort":"T", "points":[ -171,-224.0648147583008,-171,-214.0648147583008,-171,-212.5,-171,-212.5,-171,-210.93518524169923,-171,-200.93518524169923 ]},
{"from":-3, "to":-4, "fromPort":"B", "toPort":"T", "points":[ -171,-151.0648147583008,-171,-141.0648147583008,-171,-135.21759262084962,-171,-135.21759262084962,-171,-129.37037048339843,-171,-119.37037048339843 ]},
{"from":-4, "to":-5, "fromPort":"B", "toPort":"T", "visible":true, "points":[ -171,-60.629629516601554,-171,-50.629629516601554,-171,-35.80662176646201,-170.00343283331182,-35.80662176646201,-170.00343283331182,-20.983614016322463,-170.00343283331182,-10.983614016322463 ], "text":"YES"},
{"from":-4, "to":-5, "fromPort":"R", "toPort":"R", "visible":true, "points":[ -106.92877197265625,-90,-96.92877197265625,-90,-55.18073996221807,-90,-55.18073996221807,-35.806621766462015,-55.18073996221807,18.386756467075976,-65.18073996221807,18.386756467075976 ], "text":"NO ween vm.$mount(el) is called"},
{"from":-2, "to":-7, "fromPort":"B", "toPort":"R", "points":[ -171,-224.0648147583008,-171,-214.0648147583008,-260.5480508728027,-214.0648147583008,-260.5480508728027,-214.16575,-277.14041326904294,-214.16575,-287.14041326904294,-214.16575 ]},
{"from":-3, "to":-8, "fromPort":"B", "toPort":"R", "points":[ -171,-151.0648147583008,-171,-141.0648147583008,-171,-138.7625,-223.58851092529295,-138.7625,-276.1770218505859,-138.7625,-286.1770218505859,-138.7625 ]},
{"from":-5, "to":-9, "fromPort":"B", "toPort":"T", "visible":true, "points":[ -170.00343283331182,47.757126950474415,-170.00343283331182,57.757126950474415,-170.00343283331182,64.16143251271285,-297.31974031250013,64.16143251271285,-297.31974031250013,70.5657380749513,-297.31974031250013,80.5657380749513 ], "text":"YES"},
{"from":-5, "to":-10, "fromPort":"B", "toPort":"T", "visible":true, "points":[ -170.00343283331182,47.757126950474415,-170.00343283331182,57.757126950474415,-170.00343283331182,63.76655876271281,-48.44743687500005,63.76655876271281,-48.44743687500005,69.77599057495121,-48.44743687500005,79.77599057495121 ]},
{"from":-9, "to":-11, "fromPort":"B", "toPort":"T", "points":[ -297.31974031250013,144.87129380004896,-297.31974031250013,154.87129380004896,-297.31974031250013,168.6707348437501,-162.57429250000007,168.6707348437501,-162.57429250000007,182.47017588745126,-162.57429250000007,192.47017588745126 ]},
{"from":-10, "to":-11, "fromPort":"B", "toPort":"T", "points":[ -48.44743687500005,144.08154630004887,-48.44743687500005,154.08154630004887,-48.44743687500005,168.27586109375005,-162.57429250000007,168.27586109375005,-162.57429250000007,182.47017588745126,-162.57429250000007,192.47017588745126 ]},
{"from":-11, "to":-12, "fromPort":"B", "toPort":"T", "points":[ -162.57429250000007,256.77573161254895,-162.57429250000007,266.77573161254895,-162.57429250000007,279.8878658062745,-163,279.8878658062745,-163,293,-163,303 ]},
{"from":-12, "to":-13, "fromPort":"B", "toPort":"T", "points":[ -163,343,-163,353,-163,365.2745456969727,-163.0378498734376,365.2745456969727,-163.0378498734376,377.54909139394545,-163.0378498734376,387.54909139394545 ]},
{"from":-13, "to":-14, "fromPort":"B", "toPort":"T", "points":[ -163.0378498734376,466.2898323607423,-163.0378498734376,476.2898323607423,-163.0378498734376,486.523006544043,-163.62840169062497,486.523006544043,-163.62840169062497,496.7561807273438,-163.62840169062497,506.7561807273438 ]},
{"from":-12, "to":-15, "fromPort":"B", "toPort":"R", "points":[ -163,343,-163,353,-163,362.2283445484377,-239.68091015976572,362.2283445484377,-316.36182031953143,362.2283445484377,-326.36182031953143,362.2283445484377 ]},
{"from":-14, "to":-16, "fromPort":"L", "toPort":"R", "points":[ -208.28025121554435,526.7561807273438,-218.28025121554435,526.7561807273438,-269.67404938150275,526.7561807273438,-269.67404938150275,526.4792071015627,-321.06784754746116,526.4792071015627,-331.06784754746116,526.4792071015627 ]},
{"from":-11, "to":-17, "fromPort":"B", "toPort":"R", "points":[ -162.57429250000007,256.77573161254895,-162.57429250000007,266.77573161254895,-162.57429250000007,267.33250312812515,-240.96956347392592,267.33250312812515,-319.36483444785176,267.33250312812515,-329.36483444785176,267.33250312812515 ]},
{"from":-11, "to":-18, "fromPort":"T", "toPort":"R", "points":[ -162.57429250000007,192.47017588745126,-162.57429250000007,182.47017588745126,-162.57429250000007,181.9774819953126,-241.64790386831066,181.9774819953126,-320.72151523662126,181.9774819953126,-330.72151523662126,181.9774819953126 ]},
{"from":-12, "to":-19, "fromPort":"B", "toPort":"B", "points":[ -163,343,-163,353,-163,362.87580423676775,-101.44260253593757,362.87580423676775,-39.885205071875134,362.87580423676775,-39.885205071875134,352.87580423676775 ]},
{"from":-19, "to":-12, "fromPort":"T", "toPort":"T", "points":[ -39.885205071875134,288.57024851167006,-39.885205071875134,278.57024851167006,-163,278.57024851167006,-163,285.78512425583506,-163,293,-163,303 ]},
{"from":-19, "to":-20, "fromPort":"T", "toPort":"B", "points":[ -39.885205071875134,288.57024851167006,-39.885205071875134,278.57024851167006,-39.885205071875134,266.14626832641613,74.39052324609374,266.14626832641613,74.39052324609374,253.7222881411622,74.39052324609374,243.7222881411622 ]},
{"from":-19, "to":-21, "fromPort":"B", "toPort":"L", "points":[ -39.885205071875134,352.87580423676775,-39.885205071875134,362.87580423676775,-39.885205071875134,386.4330686398439,-18.600858066894602,386.4330686398439,2.6834889380859295,386.4330686398439,12.68348893808593,386.4330686398439 ]},
{"from":-19, "to":-22, "fromPort":"T", "toPort":"B", "points":[ -39.885205071875134,288.57024851167006,-39.885205071875134,278.57024851167006,-39.885205071875134,265.7155634450929,-39.505318174218814,265.7155634450929,-39.505318174218814,252.8608783785158,-39.505318174218814,242.8608783785158 ]},
{"from":-12, "to":-23, "fromPort":"B", "toPort":"R", "points":[ -163,343,-163,353,-163,353,-206.06684813583996,353,-206.06684813583996,320.5464865070477,-216.06684813583996,320.5464865070477 ]}
]}