vue createrouter

// 定义路由配置
const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    component: About
  }
]

// 创建 Vue Router 实例
const router = VueRouter.createRouter({
  // 使用 hash 模式
  history: VueRouter.createWebHashHistory(),
  routes // 等同于 routes: routes
})

// 将 router 实例挂载到 Vue 应用中
const app = Vue.createApp({})
app.use(router)
app.mount('#app')

解释说明：

1. 定义路由配置：我们首先定义了一个 routes 数组，其中每个对象代表一个路由。每个路由对象包含路径 (path)、名称 (name) 和对应的组件 (component)。
2. 创建 Vue Router 实例：使用 VueRouter.createRouter 方法创建一个路由器实例。这里我们指定了使用 hash 模式 (createWebHashHistory)，并且将之前定义的路由配置传递给 routes 属性。
3. 挂载路由实例到 Vue 应用：最后，我们将创建的 router 实例通过 app.use(router) 挂载到 Vue 应用中，并将其挂载到页面中的某个 DOM 元素（如 #app）。