vue-生命周期---小白梳理

生命周期：Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程

8大钩子：

beforeCreate（）{ } ：这是生命周期钩子，自动调用的

created（）{ } ：在实例创建完成后被立即同步调用。在这一步中，实例已完成对选项的处理，意味着以下内容已被配置完毕：数据侦听、计算属性、方法、事件/侦听器的回调函数。然而，挂载阶段还没开始...

beforeMount(){ } :$el还只是虚拟DOM，而且数据还没渲染

mounted(){ } :$el不是虚拟DOM，而且数据完成渲染

beforeUpdate(){ } :此时只是数据更新，虚拟dom和真是dom还没更新

updated(){ } :此时虚拟dom和真实dom都完成更新

beforeDestroy(){ } :一般用来释放资源

destroyed(){ } :页面也不会更新了，app的资源也释放好了

详见vue官网