vue3 路由配置sep

在Vue3中，路由配置与Vue2有一些差异。Vue3使用了新的路由库Vue Router 4，以下是一个基本的路由配置示例:

import { createRouter, createWebHistory } from 'vue-router';
import Home from './views/Home.vue';
import About from './views/About.vue';

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

const router = createRouter({
  history: createWebHistory(),
  routes
});

export default router;

在上面的示例中，我们首先引入了`createRouter`和`createWebHistory`函数。`createRouter`用于创建一个新的路由实例，`createWebHistory`用来指定路由的模式为HTML5 History模式。

然后，我们定义了一个路由表routes，其中每个对象表示一个路由。每个路由对象包括`path`（路径）、`name`（名称）和`component`（组件）属性。

最后，我们通过调用`createRouter`函数创建了一个新的路由实例，并将其导出作为默认的路由配置。