Vue生命周期

一个组件从创建、数据初始化、挂载DOM、渲染、更新、渲染、到销毁的过程称为生命周期。简要来说Vue的实例或组件从创建到销毁的过程被称为生命周期

Vue中的声明周期分为创建前后Beforecreate、created,挂载前后Beforemount,Mounted,更新前后Beforeupdate,Updated,销毁前后Beforedistory,Distoryed

①创建前BeforeCreate阶段中，Vue实例的dataprops,methods和挂载元素el都为被定义初始化

②创建完成阶段Created中，Vue实例的data对象创建完成，el还为undefined，实例创建完成，挂载未完成，可以对数据进行初始化操作

③挂载前BeforeMount阶段中,Vue创建了el对象生成了虚拟dom树，但还未被渲染到页面上，需要把渲染好的模板结构替换到页面上，此时可以操作数据并且不会触发updated钩子，这是最后初始化数据的位置

④Mounted阶段，el对象生成的虚拟dom树被渲染到view视图页面上，页面渲染完成

⑤BeforeUpdate阶段，监听到数据变化后会触发，根据新的数据重新渲染组件的模板结构

⑥Updated，已经根据最新的数据完成了组件DOM结构的重新渲染

⑦BeforeDistory，组件准备销毁，一般在这执行清除计时器、清除非指令绑定的事件等等

⑧Distoryed，实例销毁后调用，已经移除的数据的绑定和监听