PHP前端开发

vue中created和mounted的区别

百变鹏仔 3个月前 (09-25) #VUE
文章标签 区别
vue 中 created 和 mounted 的区别在于执行时间和数据访问能力:created:组件初始化时调用,只能访问 vue 实例数据,不可与 dom 交互。mounted:dom 挂载后调用,可访问 vue 实例数据和 dom 元素,可以与 dom 交互。

Vue 中 created 和 mounted 的区别

在 Vue 组件的生命周期中,created 和 mounted 是两个至关重要的钩子函数。它们用于在组件的不同阶段执行特定任务,但它们在执行时间和可用性方面存在一些关键差异。

创建(created)

加载(mounted)

立即学习“前端免费学习笔记(深入)”;

总结

特征createdmounted
执行时间组件初始化时DOM 挂载后
数据访问Vue 实例数据Vue 实例数据和 DOM 元素
DOM 交互

总结来说,created 用于在组件初始化阶段执行与数据相关的任务,而 mounted 用于在组件加载后执行与 DOM 相关的任务。