Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
haizhilin2013 opened this issue Jun 20, 2019 · 5 comments
Open

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

haizhilin2013 opened this issue Jun 20, 2019 · 5 comments
Labels
vue vue

Comments

@haizhilin2013
Copy link
Collaborator

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

@haizhilin2013 haizhilin2013 added the vue vue label Jun 20, 2019
@402392291
Copy link

相当于一个事件,

@Yanhua67
Copy link

Yanhua67 commented Aug 2, 2019

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

@censek
Copy link

censek commented Nov 20, 2019

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

@hyj443
Copy link

hyj443 commented Oct 21, 2021

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

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

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

@Cai-zhiji
Copy link

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
Labels
vue vue
Projects
None yet
Development

No branches or pull requests

6 participants