vue页面加载完成触发事件写在哪

在Vue.js中，可以使用mounted生命周期钩子函数来触发页面加载完成时的事件。mounted生命周期钩子函数是在Vue实例挂载到DOM之后调用的，因此它是一个很好的选择，在页面加载完成后执行一些初始化代码或异步请求数据。

下面是一个示例，演示了如何在Vue组件中使用mounted生命周期钩子函数：

<template>
  <div>
    <!-- Your page content goes here -->
  </div>
</template>

<script>
export default {
  mounted() {
    // 页面加载完成后执行的代码
    console.log('页面加载完成');
    // 异步请求数据
    this.$http.get('/api/data').then(response => {
      console.log(response.data);
    });
  }
}
</script>

在上面的示例中，当组件被挂载到DOM后，mounted函数会自动调用，从而触发页面加载完成时执行的代码。在这个例子中，我们在控制台输出了一条消息，并使用Vue提供的Http插件发送了一个异步请求来获取数据。

请注意，如果您需要在模板渲染前执行一些代码，可以使用created生命周期钩子函数。