vue created 和 mounted

Vue的created和mounted两个生命周期钩子函数在Vue组件的生命周期中扮演着不同的角色。

Vue的created钩子函数在Vue实例被创建后立即调用，此时Vue实例已经完成了数据观测、计算属性和方法的初始化，但是尚未完成DOM元素的挂载和渲染。因此，在created阶段，我们可以进行一些数据的初始化、异步请求、订阅事件等操作。然而，由于DOM元素尚未渲染，所以无法直接操作DOM节点。

相反，Vue的mounted钩子函数在Vue实例的DOM元素已经被挂载到页面上之后调用。此时，Vue实例的DOM已经渲染完毕，并且可以通过this.$el来访问根DOM元素。因此，在mounted阶段，我们可以进行一些需要操作DOM的任务，比如获取DOM元素、绑定事件监听器等。

总结起来，created钩子函数适合执行一些初始化的数据操作，而mounted钩子函数适合执行需要操作DOM的任务。