vue-router安装

### 回答1：
要安装vue-router，需要先安装Vue.js。以下是在Vue.js项目中安装和使用vue-router的步骤：

1. 在终端中使用npm命令安装vue-router：`npm install vue-router`

2. 在Vue.js项目中导入vue-router：

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

   Vue.use(VueRouter)

3. 创建一个vue-router实例并定义路由：

   const router = new VueRouter({
     routes: [
       {
         path: '/home',
         component: Home
       },
       {
         path: '/about',
         component: About
       }
     ]
   })

4. 将vue-router实例添加到Vue实例中：

   new Vue({
     router,
     render: h => h(App)
   }).$mount('#app')

其中，`App`是Vue.js项目的根组件。

5. 在Vue.js项目中使用路由：

在Vue.js项目中可以通过`<router-link>`组件和`<router-view>`组件来实现路由导航和页面渲染。

`<router-link>`组件用于生成路由链接：

   <router-link to="/home">Home</router-link>
   <router-link to="/about">About</router-link>

`<router-view>`组件用于渲染路由组件：

   <router-view></router-view>

在路由定义中，`component`属性指定了路由对应的组件。例如，在上面的路由定义中，`/home`路径对应的组件是`Home`，`/about`路径对应的组件是`About`。

当用户点击`<router-link>`组件时，vue-router会根据`to`属性的值跳转到对应的路由，并且渲染对应的组件到`<router-view>`组件中。

### 回答2：
Vue Router 是 Vue.js 官方的路由管理器，用于实现单页面应用（SPA）的导航。下面是使用 npm 安装 Vue Router 的步骤：

第一步：在终端或命令提示符中，进入你的 Vue 项目的根目录。

第二步：使用以下命令安装 Vue Router：

npm install vue-router

第三步：安装完成后，在你的项目中引入 Vue Router。可以在 main.js 文件中添加以下代码：

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

Vue.use(VueRouter)

第四步：创建一个路由文件（通常命名为 router.js）并在其中定义路由。路由文件可以包含路由组件的导入和路由的配置。你可以添加以下示例代码：

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from './components/Home.vue'
import About from './components/About.vue'

Vue.use(VueRouter)

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

const router = new VueRouter({
  routes
})

export default router

第五步：在 main.js 文件中导入路由，并将其与根实例关联：

import Vue from 'vue'
import App from './App.vue'
import router from './router'

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

以上步骤完成后，Vue Router 已经成功安装并配置完成。你可以在项目中使用路由进行页面之间的导航。