el-tabs包裹组件生命周期
时间: 2023-10-06 19:07:12 浏览: 155
手动动态改变el-tabs标签页顺序
el-tabs 包裹的组件生命周期包括以下几个阶段:
1. 创建阶段(Creation):在这个阶段,包括组件实例的创建和初始化。主要涉及到以下生命周期钩子函数:
- beforeCreate:在实例初始化之前调用。
- created:在实例创建完成之后调用,此时实例已经完成数据观测(data observer)和事件配置(event/watcher)。
- beforeMount:在挂载开始之前调用,此时模板编译/挂载尚未开始。
2. 挂载阶段(Mounting):在这个阶段,组件将模板编译成虚拟 DOM,并将其挂载到页面上。主要涉及以下生命周期钩子函数:
- beforeUpdate:在数据更新之前调用,发生在虚拟 DOM 重新渲染和打补丁之前。
- updated:在数据更新之后调用,发生在虚拟 DOM 重新渲染和打补丁之后。
- beforeDestroy:在实例销毁之前调用。此时实例仍然完全可用。
- destroyed:在实例销毁之后调用。此时所有的事件监听器都已被移除,所有的子实例也被销毁。
3. 更新阶段(Updating):在这个阶段,当组件的响应式数据发生变化时,会触发更新。主要涉及以下生命周期钩子函数:
- beforeUpdate:在数据更新之前调用,发生在虚拟 DOM 重新渲染和打补丁之前。
- updated:在数据更新之后调用,发生在虚拟 DOM 重新渲染和打补丁之后。
需要注意的是,el-tabs 包裹的组件并没有独立的生命周期,而是依赖于其内部包含的子组件的生命周期。因此,el-tabs 的生命周期会受到内部组件生命周期的影响。
阅读全文