vue3页面加载调用函数

在Vue 3中，你可以在页面加载时调用函数的方法有几种。

1. 使用生命周期钩子函数：在Vue 3中，`created`生命周期钩子函数已被重命名为`beforeMount`。你可以在组件中定义`beforeMount`钩子函数，并在该函数内部调用需要执行的函数。例如：

<script>
export default {
  beforeMount() {
    // 在页面加载时调用的函数
    this.myFunction();
  },
  methods: {
    myFunction() {
      // 执行的函数逻辑
    }
  }
}
</script>

2. 使用`setup`函数：在Vue 3中，你还可以使用`setup`函数来调用需要在页面加载时执行的函数。可以在`setup`函数中调用需要执行的函数，并将其返回给组件。例如：

<script>
import { ref, onMounted } from 'vue';

export default {
  setup() {
    const myFunction = () => {
      // 执行的函数逻辑
    };

    onMounted(() => {
      // 在页面加载时调用的函数
      myFunction();
    });

    return { myFunction };
  }
}
</script>

这里使用了Vue 3提供的`ref`和`onMounted`，可以通过`ref`来创建响应式数据，通过`onMounted`来监听组件挂载完成的事件。

这些是在Vue 3中调用函数的一些常用方法，根据你的具体需求选择适合的方式。