1.什么是从vue的生命周期
从开始创建,初始化数据,编辑模板,挂载DOM,渲染==>更新==>渲染到卸载等一系列过程就叫做Vue的生命周期,通俗的说,就是Vue实例从创建到销毁的过程就叫做Vue的生命周期。
2.Vue生命周期的8个阶段
beforeCreate(创建前) ==> created(创建后) ==> beforeMount(载入前) ==> mounted(载入后) ==> beforeUpdate(更新前) ==> updated(更新后) ==> beforeDestroy(销毁前) ==> destroyed(销毁后)
3.Vue的十个生命周期
- beforeCreate(创建前):在实例开始初始化时同步调用。此时数据观测,事件等都尚未初始化。
- created(创建后):在实例创建成功后调用。此时已完成数据观测,事件方法,但是尚未开始DOM编译,即未挂载到document中
- beforeMount(载入前):在mounted之前运行
- mounted(载入后):在编辑结束时调用。此时所有指令已生效,数据变化已能触发DOM更新,但不保证$el已插入文档
- beforeUpdate(更新前):在实例挂载之后,再次更新实例(如更新data)时会调用该方法,此时尚未更新DOM结构
- updated(更新后):在实例挂载之后,再次更新实例并更新完DOM结构后调用
- activated:需要配合动态组件keep-live属性使用,在动态组件初始化的过程中调用该方法
- deactivated:需要配合动态组件keep-live属性使用,在动态组件移出的过程中调用该方法
- beforeDestroy(销毁前):再开始销毁实例时调用,此刻实例仍然有效
- destroyed(销毁后):在实例被销毁后调用,此时绑定和实例指令都已经解绑,子实例也被销毁
4.Vue各生命周期适合开发的业务
created:进行AJAX请求异步数据的获取,初始化数据。
mounted:挂载元素内DOM节点的获取。
nextTick:针对单一事件更新数据后立即操作DOM。
updata:数据更新的统一业务逻辑处理。
watch:监听具体数据变化,并做出相应的处理。