生命周期函数和生命周期钩子
vue2 | vue3 | 说明 |
---|---|---|
beforeCreate | setup | 组件创建之前 |
created | setup | 组件创建完成 |
beforeMount | onBeforeMount | 组件挂载之前,在组件已经完成其响应式状态设置,但未创建DOM节点前触发 |
mounted | onMounted | 组件挂载完成后,此时DOM节点已经创建完成。 |
beforeUpdate | onBeforeUpdate | 数据更新,虚拟DOM打补丁之前。当组件因响应式状态变化,且该响应式会影响视图。此时先触发该事件,然后更新视图。 |
updated | onUpdated | 数据更新,虚拟DOM渲染完成 |
beforeDestroy | onBeforeUnmount | 组件销毁(卸载)之前 |
destroyed | onUnmounted | 组件销毁(卸载)后 |