ajax请求是放在created还是mounted

created

created生命周期钩子在Vue实例创建完成后立即调用，此时Vue实例的数据观测（data observation）和事件机制（event mechanism）已经初始化，但尚未挂载到DOM上。
在created钩子中发起Ajax请求，可以在组件初始化时就获取数据，并进行一些预处理操作。例如，可以在请求成功后将数据存储到组件的数据属性中，以供后续使用。
优点：可以在组件初始化的早期阶段就获取数据，减少渲染等待时间，使得组件在挂载到DOM之前就具备数据。
注意：由于此时组件尚未挂载到DOM上，无法直接操作DOM元素。

mounted

mounted生命周期钩子在Vue实例挂载到DOM后调用，此时Vue实例已经与DOM元素建立关联，可以访问和操作DOM。
在mounted钩子中发起Ajax请求，可以在组件挂载到DOM后立即获取数据，并进行一些DOM操作或其他依赖于DOM的操作。
优点：可以确保组件已经与DOM建立关联，可以直接进行DOM操作、处理DOM事件等。此外，也可以避免在未挂载时访问DOM元素引发的错误。
注意：在mounted钩子中发起Ajax请求可能会导致在页面加载期间出现数据延迟显示的情况，因为Ajax请求是异步的，可能需要一些时间来获取数据。

综上所述

created和mounted生命周期钩子都可以用于发起Ajax请求，具体选择哪个钩子取决于你的需求和场景。如果你需要在组件初始化早期获取数据并进行预处理，可以使用created；如果你需要在组件挂载到DOM后进行DOM操作或立即获取数据，可以使用mounted。