vue挂载完成的函数是什么

vue挂载完成的函数是mounted。当Vue实例在初始化过程中，创建了实例之后，会自动调用mounted函数。在该函数中，可以进行一些DOM操作、数据初始化、网络请求等操作。mounted函数是Vue生命周期钩子函数中的一个，表示Vue实例已经挂载到页面上，可以访问到DOM元素，并对其进行操作。

vue挂载完成（mounted）时调用的函数是mounted。

mounted是Vue实例生命周期钩子函数之一，它会在Vue实例挂载到DOM后调用。也就是说，当Vue实例的模板编译完成，并将其生成的DOM元素添加到页面中后，mounted函数会被调用。

在mounted函数中，我们可以执行一些需要在组件挂载到页面后进行的操作，例如初始化数据、发送异步请求、操作DOM等。

下面是一个简单的示例，展示了如何使用mounted函数：

<template>
  <div>
    <!-- 组件模板 -->
  </div>
</template>

<script>
export default {
  mounted() {
    // 组件挂载完成后的操作
    console.log('Component mounted');
    // 发送异步请求
    this.fetchData();
  },
  methods: {
    fetchData() {
      // 异步请求数据
    }
  }
}
</script>

在上面的示例中，当组件被挂载到页面后，控制台会输出"Component mounted"，并且会调用fetchData方法发送异步请求。

值得注意的是，mounted函数只会在组件首次挂载到页面时被调用一次，而不会在组件重新渲染时再次调用。如果需要在每次组件重新渲染后执行一些操作，则可以使用updated钩子函数。

在Vue.js中，当一个组件被实例化并挂载到DOM元素上时，会触发一系列的生命周期钩子函数。其中，挂载完成的函数是mounted。这个钩子函数会在组件的模板渲染为真实的DOM并插入到页面中之后被调用。

mounted生命周期钩子函数主要用于执行一些需要在组件挂载后进行的操作，比如初始化数据、获取数据、订阅事件等。通常情况下，mounted函数是进行DOM操作和一些异步请求的理想位置。

下面是一个使用mounted的示例代码：

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

<script>
export default {
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  mounted() {
    // 模拟异步请求数据
    setTimeout(() => {
      this.message = 'Hello World!'
    }, 2000)
  }
}
</script>

在这个示例中，组件在挂载完成后，会将message属性的值从'Hello Vue!'改为'Hello World!'。这个操作是通过setTimeout模拟了一个异步请求的过程，2秒后执行。

需要注意的是，mounted钩子函数只会在组件初次挂载时被调用，而不会在组件重新渲染时被调用。如果需要在组件重新渲染后执行操作，可以使用updated钩子函数。

总之，mounted生命周期钩子函数是Vue中在组件挂载到页面后执行的函数，适合用于执行一些DOM操作和异步请求的任务。