第一步:
实例化一个Vue对象
代码:new Vue();
第二步:
初始化一些事件集:events
创建生命周期:lifecycle
第三步:
告知即将要进行创建Vnode: beforeCreated;
第四步
执行注入:injections
观察反应:reactivity
第五步:
告知创建成功:created
第六步:
判断是否有el选项
没有就进行跳过
有就在进行判断是否有template选项。再进行判断是否可以进行template转换成render函数,不可以的话就从el拿取html内容作为模板
第七步
告知快要完成挂载了:beforeMount;
第八步:
通过render或者模板进行创建el或者是进行替换
第九步:
告知挂载成功:mounted;
第十步:
开始监听数据(data)是否有变化。有变化就进行更新替换;
每次有数据要更新的时候都会先进行告知:beforeUpdate;
更新完成之后也会进行告知:updated;
这里也就是真正的开始执行业务了
第十一步:
当组件快要被销毁的时候进行告知:beforeDestroy
第十二步:
组件销毁完成:destroyed