Vue-Router

路由（Route），其实是指向的意思，是定义一系列的访问地址规则。

• 后端路由：路由引擎根据规则匹配并寻找对应的处理页面，之后将请求转发给页处
• 前端路由：前端路由并不存在“请求”的概念，因此前端路由是直接找到与地址匹配的组件或对象并将其渲染出来。

改变浏览器地址而不向服务器发送请求有两种做法：

1. 在地址中加入#以欺骗浏览器，地址的改变时由于正在进行页内导航。
2. 使用HTML5的window.history功能，使用URL的Hash来模拟一个完整的URL。

将单页应用分隔为各自功能合理的组件或页面，路由起到非常重要的作用。它是连接单页程序中各个页面之间的链条。

路由中有三个基本概念

• route 一条路由
• routes 一组路由
• router 一种机制，相当于管理者，用于管理路由。

# 安装
$ npm i vue-router -D

vue-router实例是一个Vue的插件，需在Vue的全局引用中通过Vue.use()将其接入到Vue实例中。在工程的入口文件中，添加全局的路由配置。

$ vim src/main.js
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

单页式引用是没有“页”的概念的，所有的容器就只有组件。使用 vue-router 配合组件会重新形成各种 “页”。对于这个“页”的理解是：

• 页面是一个抽象的逻辑概念，用于划分功能场景。
• 组件是页面在Vue的具体实现方式