谈一下对VUE生命周期的理解

new Vue( ) //执行了Vue构造函数

Init Events&Lifecycle //初始化实例

执行生命周期钩子beforeCreat()

Init injections&reactivity //创建实例，配置data observer、computed properties,methods, watch/event callbacks

执行生命周期钩子created()//通常初始化某些属性值，然后再渲染成视图。

查看是否配置了el（实例即将要挂载到哪个dom上），没有的话就等vm.$mount(el) 手动地挂载一个未挂载的实例

查看有没有配置template，没有就将el的html模板编译作为template，放进渲染函数

执行生命周期钩子beforeMount()

创建实例的$el属性，将实例挂载到真正的dom上

执行生命周期钩子mounted()//在这之后页面才渲染出来//初始化页面完成后，再对html的dom节点进行一些需要的操作

当有数据需要更新:

执行生命周期钩子beforeUpdate() //数据更新时调用，发生在虚拟 DOM 打补丁之前//这里适合在更新之前访问现有的 DOM，比如手动移除已添加的事件监听器。

执行生命周期钩子updated()//由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。//大多数情况下应该避免使用

当使用了keep-alive时:

执行生命周期钩子actived() //被 keep-alive 缓存的组件激活时调用。

执行生命周期钩子deactived() //被 keep-alive 缓存的组件停用时调用。

当要销毁组件时:

执行生命周期钩子beforeDestroy() //实例销毁之前调用。在这一步，实例仍然完全可用。

执行生命周期钩子destroy()//实例销毁后调用。该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。