javascript // 安装Vue Router 4 npm install vue-router@4

// 在应用程序入口文件中注册Vue Router

// 引入Vue和Vue Router import { createApp } from 'vue' import { createRouter, createWebHistory } from 'vue-router' import Home from './components/Home.vue'

// 定义路由表 const routes =

// 创建路由实例 const router = createRouter({ history: createWebHistory, routes, })

// 创建Vue应用实例 const app = createApp

// 用Vue Router插件 app.use

// 挂载Vue应用实例到DOM元素 app.mount

在上面的代码中，我们先说说用npm命令安装Vue Router 4。然后 在应用程序的入口文件中引入了Vue Router给的createRouter和createWebHistory方法，并定义了一个路由表routes。接着，我们创建了一个路由实例router，并在Vue应用实例app上用了这玩意儿路由实例。再说说我们将Vue应用实例挂载到DOM元素上。

请注意， 代码中提到了$ npm install vue-router@next，这kan起来像是一个误写，基本上原因是vue-router@next是Vue Router的下一个预发布版本，而这里得是安装Vue Router 4的稳稳当当版本。正确的命令得是npm install vue-router@4。