Vue生命周期通俗理解

Vue 的生命周期

个人通俗理解：把Vue生命周期想象成一个人的创造

01. 创建一个躯干；(new Vue)

02. 初始化耳朵、鼻子、眼睛；(创建一些空的生命周期函数和方法)

03. 赋予耳朵能听、鼻子能嗅、眼睛能看的能力；(在data、methods中输入数据)

04. 画一个模板，耳朵、鼻子、眼睛应该放在躯干的哪个部位;（编译模板，但还没有真正去用所以还是 {{msg}} ）

05. 将器官挂载到躯干上面（挂载，到此一个人已经完整）

06. 在模板上改变耳朵的大小（更新，只在模板上面更新还没来得及到真人，只在内存中改了）

07. 耳朵大小同步到真人（渲染，将更新过的重新渲染到真人上，完成View和Model的同步）

08. 现在模板上一点点删除器官（真人还能使用耳朵等）

09. 彻底删除（各个器官已经删除，不能使用）