vue3 mounted

在Vue.js中，mounted是一个生命周期钩子函数，它会在Vue实例挂载到DOM元素上后被调用。在Vue 3中，mounted的使用方式与Vue 2相同，用于在组件挂载完成后执行一些初始化操作或与外部交互。

具体来说，当Vue实例的模板编译完成，并将其生成的DOM元素插入到页面中后，mounted函数会被触发。这时候可以进行一些需要DOM元素的操作，比如获取元素的引用、绑定事件监听器、发送网络请求等。

以下是一个示例代码，展示了如何在Vue 3中使用mounted钩子函数：

<template>
  <div>
    <h1>{{ message }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello Vue 3!'
    };
  },
  mounted() {
    console.log('Component mounted');
    // 在mounted钩子函数中可以进行一些初始化操作
    // 比如发送网络请求、绑定事件监听器等
  }
};
</script>