mounted 是 Vue 组件生命周期中的一个钩子函数，在组件实例被挂载到 DOM 后调用。
这个钩子函数在组件模板渲染成 HTML 并且插入到页面之后执行。
Vue 组件有一系列的生命周期钩子函数，它们允许你在不同阶段执行代码，以便于在组件生命周期内管理组件的状态、数据和行为。
注意：
mounted钩子只在组件首次渲染时执行一次（仅执行一次）。- 如果你需要在每次组件更新时执行代码，可以使用
updated钩子。
mounted 钩子函数的特点：
- DOM 操作安全：在
mounted钩子函数中执行 DOM 操作是安全的，因为此时 Vue 已经完成了组件实例的挂载，并且组件的模板已经转换为了真实的 DOM 元素。 - 访问数据和组件实例：在
mounted钩子中，你可以访问到组件的数据，也可以通过this访问到当前组件的实例，可以调用组件实例上的方法、访问数据、触发事件等。 - 触发异步操作：
mounted适合触发异步操作，比如发送 Ajax 请求获取数据，因为此时组件已经加载完成，可以立即展示加载状态。 - 触发第三方插件初始化：如果你在项目中使用第三方库或插件（比如 ECharts、地图插件等），通常可以在
mounted钩子中初始化这些插件，因为此时可以确保 DOM 元素已经准备好了。
在 Vue 组件的生命周期中，mounted 钩子函数是一个非常常用的阶段，通常用于执行一些需要在组件挂载后才能进行的操作，它提供了一个合适的时机来处理 DOM 相关的任务和一些异步操作。