vue-router如何安装

Vue Router是一个用于Vue.js的客户端路由库，它允许你在单页应用（SPA）中设置和管理页面之间的导航。以下是安装Vue Router的基本步骤：

1. **首先确保已安装Vue CLI**: 如果你还没有安装Vue CLI，可以全局安装它：

   npm install -g @vue/cli

2. **创建一个新的Vue项目**:

   vue create my-project

3. **进入项目目录**:

   cd my-project

4. **安装Vue Router**:
在项目的`package.json`文件中添加Vue Router依赖，通常会在`dependencies`部分：

   npm install vue-router

或者如果使用的是Yarn：

   yarn add vue-router

5. **配置路由器**:
在`src/router/index.js`文件中，你可以开始定义你的路由规则。基本结构如下：

   import Vue from 'vue'
   import Router from 'vue-router'

   Vue.use(Router)

   const routes = [
     // 路由配置...
   ]

   export default new Router({
     routes,
   })

6. **在main.js中引入并使用router**:

   import router from './router'

   new Vue({
     router,
     // 其他Vue实例配置...
   }).$mount('#app')

7. **在组件中通过`this.$router`访问路由API**。