介绍：使用 npm 安装 vue-router@n

简介

在 Vue.js 中，vue-router 是一个基于 Vue.js 的官方路由管理器。它能够帮助开发者快速的搭建单页应用（Single-page Application）。

安装

要使用 vue-router ，需要先安装它。可以使用 npm 来安装，执行以下命令：

npm install --save vue-route@n

• --save 参数：自动将安装的依赖项添加到项目的 package.json 文件中。

• vue-route@n：指定要安装的版本，n 为版本号。

使用方法

要使用 vue-router ，需要先在 Vue 应用程序中注册路由，然后定义每个路由映射到哪个组件。以下是一个使用 vue-router 的简单示例：

import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'
import About from './views/About.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      component: About
    }
  ]
})

在上面的示例中，我们使用 Router 构造函数创建路由实例，并将路由的配置传递给它。我们定义了两个路由，一个是 / ，一个是 /about 。component 属性指定了路由将要挂载的组件。每个路由都可以有许多其他选项，例如：name, meta 等等。要查看更多信息，请查阅官方文档。

总结

使用 vue-router 管理 Vue.js 应用程序中的路由非常简单，只需遵循一些简单的规则即可。通过依据路由映射不同的组件，使应用程序可以快速地加载不同的页面。