vue3 vue-router使用详解

import { createRouter, createWebHistory } from 'vue-router'
import Home from './views/Home.vue'
import Login from './views/Login.vue'
import Register from './views/Register.vue'
 
// 创建路由实例
const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: '/', component: Home },
    { path: '/login', component: Login },
    { path: '/register', component: Register }
  ]
})
 
export default router

这段代码展示了如何在Vue 3项目中使用Vue Router创建一个简单的路由实例。首先，我们从vue-router中导入了createRouter和createWebHistory。然后，我们定义了三个组件，分别对应首页、登录和注册页面。最后，我们创建了一个路由实例，并通过export default暴露它，以便在Vue应用程序中使用。这个实例使用了createWebHistory来创建历史模式的路由，并定义了相应的路由路径和组件映射。