vue每次进入页面触发的方法

// 在 Vue 中，每次进入页面触发的方法通常是在路由守卫或者生命周期钩子中实现的。
// 如果你使用的是 Vue Router，可以在路由配置中使用 `beforeEnter` 或者在组件内使用 `beforeRouteEnter` 和 `beforeRouteUpdate`。

// 示例代码：使用 Vue Router 的 beforeRouteEnter 和 beforeRouteUpdate

<template>
  <div>
    <!-- 页面内容 -->
  </div>
</template>

<script>
export default {
  name: 'YourComponentName',
  data() {
    return {
      // 组件数据
    };
  },
  beforeRouteEnter(to, from, next) {
    // 在渲染该组件的对应路由被 confirm 前调用
    // 不能获取组件实例 `this`
    // 因为当守卫执行前，组件实例还没被创建
    console.log('进入页面');
    next();
  },
  beforeRouteUpdate(to, from, next) {
    // 在当前路由改变，但是该组件被复用时调用
    // 可以访问组件实例 `this`
    console.log('页面更新');
    next();
  },
  created() {
    // 如果你需要在组件创建时也触发某些逻辑，可以放在 created 钩子中
    console.log('组件创建');
  }
};
</script>

<style scoped>
/* 样式 */
</style>

解释说明：

1. beforeRouteEnter：这个钩子在导航到该组件对应的路由之前调用。它不能访问 this，因为此时组件实例还没有被创建。你可以在这里执行一些初始化操作，比如加载数据等。
2. beforeRouteUpdate：当路由参数变化（例如从 /user/1 到 /user/2），但仍然复用同一个组件时调用。你可以在这里重新获取数据或更新组件状态。
3. created：如果你需要在组件创建时也触发某些逻辑，可以放在 created 生命周期钩子中。