在 Vue.js 中，接口请求通常放在 created 或 mounted 生命周期钩子中。选择哪个钩子取决于你的需求和具体情况。
created 钩子：
时间点：在实例创建完成后，数据观测和事件/侦听器配置之前被调用。
用途：适合在实例初始化时就进行数据的获取，这时候
data和methods已经可以使用，但 DOM 还未挂载。优点：
可以立即获取数据，对于需要在组件渲染前就获取的数据非常有用。
可以在数据到达之前显示加载状态。
缺点：
此时无法访问到 DOM，如果请求依赖于 DOM 信息，则不适用。
mounted 钩子：
时间点：在实例挂载到 DOM 后调用。
用途：适合在 DOM 挂载完成后进行数据获取，这时候可以访问到
$el属性，也可以执行依赖于 DOM 的操作。优点：
可以访问和操作 DOM，适合需要根据 DOM 信息来发起请求的情况。
如果请求是为了响应用户操作（如点击按钮后发起请求），可以在
mounted中设置事件监听器，并在事件处理函数中发起请求。缺点：
相对于
created，数据加载和页面渲染之间有延迟，可能会让用户等待更长时间。
为什么要这样做？
性能：尽早获取数据可以减少页面的空白时间，提升用户体验。
依赖：如果请求依赖于组件的
data或methods，那么在created钩子中进行请求可以确保这些依赖已经可用。时机：
created和mounted提供了不同的时机，可以根据请求的具体需求选择合适的时机。用户体验：在
created中进行请求可以更快地准备数据，让用户感觉到页面加载更快；在mounted中进行请求可以确保在 DOM 元素可用后立即使用它们。
最佳实践：
如果数据不依赖于 DOM，并且需要在渲染前就准备好，放在
created钩子中。如果数据请求依赖于 DOM 元素或者需要在用户与页面交互后进行，放在
mounted钩子中。考虑使用现代前端框架的异步数据获取模式，如 Vue 的
async/await或者组合式 API（Composition API），这样可以更灵活地控制数据流和组件状态。
