install vue-router

安装 Vue Router 是为了在 Vue.js 应用中实现单页面应用 (SPA) 的导航功能。Vue Router 是一个专门为 Vue.js 开发设计的路由库，它允许你在应用程序中定义 URL 映射到特定的组件。

以下是简单的安装步骤：

1. 使用 npm 或 yarn 安装 Vue Router：
- 如果你使用 npm（Node Package Manager）：

     npm install vue-router

- 或者如果你使用 yarn：

     yarn add vue-router

2. 引入 Vue Router 到你的项目中：

   import Vue from 'vue';
   import VueRouter from 'vue-router';

   // 绑定到 Vue 实例上
   Vue.use(VueRouter);

3. 创建路由配置文件，通常名为 `router.js` 或 `routes.js`：

   const routes = [
     { path: '/', component: YourComponentA },
     { path: '/about', component: YourComponentB },
     // 更多路由...
   ];

   const router = new VueRouter({
     routes,
   });

4. 将路由器实例注入到需要管理路由的 Vue 组件中，通常是主 App 组件：

   export default {
     router,
     // 其他组件选项...
   };

5. 在组件内部使用 `<router-view>` 标签显示动态渲染的组件内容，以及 `<router-link>` 来创建链接。