Skip to content

[vue] vue生命周期的作用是什么? #309

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

[vue] vue生命周期的作用是什么?

Activity

402392291

402392291 commented on Jul 9, 2019

@402392291

相当于一个事件,

Yanhua67

Yanhua67 commented on Aug 2, 2019

@Yanhua67

准确地控制数据流和其对DOM的影响

censek

censek commented on Nov 20, 2019

@censek

给了用户在不同阶段添加自己的代码的机会

hyj443

hyj443 commented on Oct 21, 2021

@hyj443

you写了Vue这个框架给我们用,封装好了,我们没有对内部代码的控制能力,我们需要生命周期函数对内部状态变化做监听,就像回调函数一样。

组件在各个阶段上想做些什么事情,交给开发者写,这也是组件的意义所在。

promise的then和catch其实也是这样思想的呀,promise的状态由pending变成成功或失败,执行我们写的回调函数。

Cai-zhiji

Cai-zhiji commented on Jul 7, 2023

@Cai-zhiji

Vue生命周期的作用是在组件的不同阶段执行相应的钩子函数,从而允许开发者在关键时刻添加自定义的逻辑或进行相关操作。生命周期钩子函数提供了一种控制组件行为的方式,让开发者可以在组件的不同生命周期阶段进行初始化、更新数据、监听事件、执行异步操作等。

以下是Vue的生命周期钩子函数及其作用:
beforeCreate:

在实例创建之前调用。
适用于执行一些初始化任务、设置组件状态或引入插件等操作。
created:

在实例创建之后调用。
适用于执行异步操作、请求数据、监听事件或对数据进行初始化操作。
beforeMount:

在组件挂载到DOM之前调用。
适用于进行一些DOM操作或准备组件渲染的数据。
mounted:

在组件挂载到DOM之后调用。
适用于执行一些需要DOM的操作、初始化第三方库、发送网络请求或启动定时器等。
beforeUpdate:

在组件更新之前调用,即响应式数据发生变化但DOM尚未更新。
适用于在更新之前进行准备工作、检查数据变化或进行异步操作。
updated:

在组件更新完成之后调用,即DOM已经更新。
适用于执行一些需要DOM的操作、更新第三方库或与其他组件进行交互等。
beforeUnmount:

在组件卸载之前调用。
适用于执行一些清理操作、取消订阅、移除事件监听器或释放资源等。
unmounted:

在组件卸载之后调用。
适用于执行最后的清理操作、销毁定时器或解除绑定等。
生命周期钩子函数使开发者能够在组件的不同阶段进行处理,控制组件的行为和数据的更新。通过合理使用生命周期钩子函数,可以实现更精确的控制和交互,优化组件性能,并处理组件的初始化、更新和销毁等方面的逻辑。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@402392291@Yanhua67@censek@hyj443

        Issue actions

          [vue] vue生命周期的作用是什么? · Issue #309 · haizlin/fe-interview