在Vue中，created和mounted是两个常用的生命周期钩子，它们在组件的生命周期中扮演着不同的角色。
created 生命周期钩子
created钩子在组件实例被创建之后被调用，此时组件的数据已经被初始化，但是组件的DOM还没有被渲染出来。- 在
created阶段，可以进行数据的初始化操作，比如从服务器获取数据。但是此时无法访问到DOM元素，因为模板还没有渲染成HTML。 created钩子通常用于初始化某些属性值，然后再渲染成视图。
mounted 生命周期钩子
mounted钩子在模板渲染成HTML后调用，此时组件的DOM已经被渲染出来，可以进行DOM操作。- 在
mounted阶段，可以对HTML的DOM节点进行一些需要的操作，比如使用第三方库初始化图表或其他需要操作DOM的插件。 mounted通常用于初始化页面完成后的DOM操作，比如插件的使用。
示例和区别
一个例子说明了created和mounted的区别：在created钩子中尝试通过document.getElementById获取DOM元素会失败，因为此时DOM还未渲染；而在mounted钩子中同样的操作会成功，因为此时DOM已经渲染完成。
总结来说，created和mounted的主要区别在于：
created钩子在DOM渲染之前调用，适用于数据初始化。mounted钩子在DOM渲染之后调用，适用于需要操作DOM的场景。
理解这两个生命周期钩子的区别，有助于更好地管理Vue组件的数据和DOM操作。
