您好,欢迎来到世旅网。
搜索
您的当前位置:首页vue3中onmouned、props watch的执行顺序

vue3中onmouned、props watch的执行顺序

来源:世旅网


vue3中onmouned、props watch的执行顺序

在 Vue 3 中,onMounted、props 和 watch 是在组件生命周期中的不同阶段执行的。以下是它们的执行顺序:

props:

在组件创建时,props 是首先被解析和传递的。

当组件实例被创建时,Vue 会根据父组件传递的属性值初始化组件的 props。

onMounted:

onMounted 是在组件挂载之后执行的生命周期钩子。

在 onMounted 阶段,组件已经被挂载到 DOM 中,可以执行一些需要访问 DOM 的操作,例如发起异步请求、订阅事件等。

watch:

watch 是用于监视特定数据变化并执行相应操作的功能。 watch 选项中的回调函数将在 props 和 onMounted 阶段之后执行。

综上所述,执行顺序是:

props 初始化 onMounted

watch 中的回调函数

1 / 3

下面是一个简单的 Vue 3 组件示例,演示了这些生命周期钩子的执行顺序:

vue Copy code

在这个例子中,props 初始化首先发生,接着是 onMounted,最后是 watch 中的回调函数。

3 / 3

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- esig.cn 版权所有

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务