生命周期:Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程
8大钩子:
beforeCreate(){ } :这是生命周期钩子,自动调用的
created(){ } :在实例创建完成后被立即同步调用。在这一步中,实例已完成对选项的处理,意味着以下内容已被配置完毕:数据侦听、计算属性、方法、事件/侦听器的回调函数。然而,挂载阶段还没开始...
beforeMount(){ } :$el还只是虚拟DOM,而且数据还没渲染
mounted(){ } :$el不是虚拟DOM,而且数据完成渲染
beforeUpdate(){ } :此时只是数据更新,虚拟dom和真是dom还没更新
updated(){ } :此时虚拟dom和真实dom都完成更新
beforeDestroy(){ } :一般用来释放资源
destroyed(){ } :页面也不会更新了,app的资源也释放好了
详见vue官网