vue怎么在页面刚打开时就通过route获取一下数据

你可以使用Vue Router的导航守卫来实现在页面刚打开时获取数据。具体实现步骤如下：

1. 在你的Vue组件中定义一个方法，用来获取数据。

2. 在Vue Router中注册一个全局的前置守卫，在守卫中调用你定义的获取数据方法。

3. 在你的组件中使用$route对象来获取路由参数，从而根据不同的参数来获取不同的数据。

下面是一个简单的示例代码：

//在你的Vue组件中定义一个方法，用来获取数据
methods: {
  fetchData(id) {
    //根据id获取对应的数据
    //...
  }
}

//在Vue Router中注册一个全局的前置守卫，在守卫中调用你定义的获取数据方法
router.beforeEach((to, from, next) => {
  //获取当前路由的参数
  const id = to.params.id;
  //调用获取数据方法
  fetchData(id);
  next();
});

//在你的组件中使用$route对象来获取路由参数，从而根据不同的参数来获取不同的数据
export default {
  created() {
    const id = this.$route.params.id;
    this.fetchData(id);
  }
}

在代码中，我们在Vue组件中定义了一个方法fetchData，用来根据参数id获取对应的数据。然后在Vue Router中注册了一个全局的前置守卫，在守卫中调用了fetchData方法。最后在组件的created钩子函数中使用$route对象来获取路由参数，从而调用fetchData方法来获取数据。这样就实现了在页面刚打开时就通过route获取数据的功能。