前言

　　地址栏路由的发展经历了后端路由配置阶段、前后端分离阶段、直至单页面富应用阶段。本文来总结一下 vue-router 的相关知识点和用法。

正文

　　路由就是SPA（单页应用）的路径管理器,vue-router就是WebApp的链接路径管理系统。

　　vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。路由模块的本质 就是建立起url和页面之间的映射关系，将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们。总之，在vue中页面路径的改变就是组件的切换。

　　router-link 声明式访问路由实例，相当于a标签来改变地址来路径，并渲染对应的组件。

　　（1）普通路由的使用，分如下三步：

　　　　a、注册路由组件并定义路由表

　　　　b、创建路由实例并挂载到根实例

　　　　c、通过 router-link 组件来导航路由,通过router-view来渲染对应的组件，同时导航栏地址跳转。

　　具体代码如下：