vue anzhuang vue-router

要安装Vue Router，你可以按照以下步骤进行操作：

1. 首先，在命令行中进入你的Vue项目的根目录。

2. 然后，运行以下命令来安装Vue Router：

   npm install vue-router

或者，如果你使用的是Yarn包管理器，可以运行以下命令来安装：

   yarn add vue-router

3. 安装完成后，你可以在项目的入口文件（通常是`main.js`）中导入和使用Vue Router。在入口文件中添加以下代码：

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

   // 导入你的路由配置文件
   import routes from './routes'

   Vue.use(VueRouter)

   const router = new VueRouter({
     routes, // 路由配置
     mode: 'history' // 可选的路由模式，这里使用了HTML5 History模式
   })

   new Vue({
     router, // 将路由实例注入根Vue实例
     render: h => h(App)
   }).$mount('#app')

4. 在项目根目录下创建一个名为`routes.js`（或其他你喜欢的名称）的文件，并在其中定义你的路由配置。示例代码如下：

   import Home from './views/Home.vue'
   import About from './views/About.vue'

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

   export default routes

在这个示例中，我们定义了两个路由，一个是根路径`'/'`对应的组件是`Home`，另一个是`'/about'`路径对应的组件是`About`。

5. 最后，在你的Vue组件中使用路由。你可以在模板中使用`<router-link>`组件来创建链接，也可以使用`<router-view>`组件来显示当前路由对应的组件。示例代码如下：

   <template>
     <div>
       <router-link to="/">Home</router-link>
       <router-link to="/about">About</router-link>
       <router-view></router-view>
     </div>
   </template>

在这个示例中，我们创建了两个路由链接，一个指向根路径，一个指向`/about`路径，并使用`<router-view>`来显示对应的组件。

这样，你就成功安装了Vue Router并在你的Vue项目中使用它了。记得根据你的实际需求修改路由配置和组件路径。如果需要更多高级功能，你可以查阅Vue Router的官方文档进行学习和参考。