const routes = [ { path: '/', component: LoginPage }, { path: '/home', component: HomePage }]在vue3中怎么实现两个路由的跳转

在Vue 3中，路由的实现方式与Vue 2中有所不同，需要使用Vue Router 4及以上版本。在Vue 3中，可以使用`router`实例的`push`方法进行路由跳转，具体实现代码如下：

// 在需要跳转的地方调用该方法
this.$router.push('/home');

// 或者通过命名路由进行跳转
this.$router.push({ name: 'home' });

其中，`push`方法的参数可以是字符串，表示要跳转的路径，也可以是一个包含`name`属性的对象，表示要跳转的命名路由的名称。在路由的定义中，可以使用`name`属性来给路由命名，例如：

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

这样就可以通过`name`属性来进行路由跳转了。需要注意的是，在Vue 3中，需要在组件中引入`router`实例，可以使用`inject`函数来实现：

import { inject } from 'vue';

export default {
  // 在组件中注入router实例
  inject: ['$router'],
  methods: {
    goToHome() {
      this.$router.push('/home');
    }
  }
};

这样就可以在组件中使用`$router`实例来进行路由跳转了。