vue中mounted与created的区别

在Vue中，mounted和created是两个生命周期钩子函数，它们在Vue实例或组件的创建过程中扮演不同的角色。

created是在Vue实例或组件创建后立即调用的钩子函数。在created阶段，Vue实例已经被创建，但是模板还没有被渲染成HTML。通常在created中进行一些初始化操作，比如初始化数据、设置计算属性、监听事件等。\[1\]\[2\]\[3\]

mounted是在Vue实例或组件的模板被渲染成HTML后调用的钩子函数。在mounted阶段，Vue实例已经被挂载到DOM元素上，可以访问到DOM节点。通常在mounted中进行一些需要操作DOM的操作，比如初始化第三方插件、绑定事件、进行DOM操作等。\[1\]\[2\]\[3\]

总结来说，created适合进行一些初始化操作，而mounted适合进行一些需要操作DOM的操作。如果需要在Vue实例或组件创建后立即进行一些操作，可以使用created；如果需要在模板渲染成HTML后进行一些操作，可以使用mounted。
#### 引用[.reference_title]
- *1* [Vue生命周期中mounted和created的区别](https://blog.csdn.net/az44yao/article/details/117049394)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [Vue中created，mounted，updated详解](https://blog.csdn.net/libusi001/article/details/127354508)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]