vue3实现每次一进入页面就调用一个方法

在Vue 3中，如果你想要在每次页面进入时调用一个方法，你可以使用Vue的生命周期钩子函数。Vue 3提供了Composition API 和 Options API 两种不同的API风格来组织你的代码，下面我会分别给出两种方式的示例。

使用Options API：
在组件的 `mounted` 钩子中调用方法。`mounted` 钩子会在组件被挂载到DOM上时调用，意味着此时页面已经进入视野。

export default {
  data() {
    return {
      // 数据属性
    };
  },
  methods: {
    yourMethod() {
      // 在这里编写你想要调用的方法逻辑
    }
  },
  mounted() {
    this.yourMethod();
  }
};

使用Composition API：
在Composition API中，你可以使用 `onMounted` 钩子来实现相同的功能。

import { onMounted } from 'vue';

export default {
  setup() {
    const yourMethod = () => {
      // 在这里编写你想要调用的方法逻辑
    };

    onMounted(() => {
      yourMethod();
    });

    return {};
  }
};

在这两个示例中，`yourMethod`是你希望在页面进入时调用的方法。无论是Options API还是Composition API，`mounted` 或 `onMounted` 钩子函数都是确保在页面渲染完成后执行你的方法。