vue 页面跳转

在Vue中，页面跳转可以通过以下的方式实现：

使用<router-link>组件：<router-link>是Vue Router提供的组件，用于生成带有正确的to属性的<a>标签，实现页面之间的跳转。例如，在模板中使用<router-link>组件来跳转到名为home的页面：

<router-link to="/home">Go to Home</router-link>

使用$router.push方法：$router是Vue Router实例的引用，通过调用$router.push方法可以实现页面跳转。例如，在Vue实例的方法中调用$router.push方法来跳转到名为home的页面：

methods: {
  goToHome() {
    this.$router.push('/home');
  }
}

使用命名路由：在定义路由时，可以为每个路由设置一个名称，然后在页面跳转时使用该名称来跳转。例如，在定义路由时给名为home的路由设置名称为home，然后在页面中使用该名称来跳转：

const routes = [
  {
    path: '/home',
    name: 'home',
    component: Home
  }
];

<router-link :to="{ name: 'home' }">Go to Home</router-link>

methods: {
  goToHome() {
    this.$router.push({ name: 'home' });
  }
}

以上是几种常见的Vue页面跳转方式，根据具体的需求和项目配置可以选择适合的方式来实现页面跳转。