VUE生命周期(从上往下整体流程)
****构造函数生成vue实列
事件和生命周期钩子初始化
beforeCreate: 在data初始化,Events事件配置前调用
created:在data已初始化,计算属性事件回调,但DOM树被没有挂载
判断是否有el对象 无则挂载
是否有模板 =>有则将模板转化为render换上,通过它去渲染创建DOM树
=>无则编译el对像外层html作为模板
beforeMount :在挂载前被调用render函数首次被调用,生成虚拟DON
创建vue实例下的$el(虚拟)并将其替换真正的DOM
mounted: 挂载完成,DOM树已经渲染到页面,可进行DOM操作
beforeUpdate :数据有更新被调用
update: 虚拟DOM重新渲染补丁以最小的DOM开支来重新渲染DOM
beforeDestroy :实列销毁之前调用在这里还可以访问实列的数据
清除update,子组件,事件监听等
destroyed: 组件销毁后调用****
看了些文章 已经自己的理解