vue之路由 vue-router

一、概念：此处vue路由指的是在spa（单页面应用）中前端路由系统，是指通过修改url，在不刷新页面的情况下，更新视图。

二、实现方式主要有两种：1、hash模式2、history模式，vue-router中默认使用的是hash模式

三、使用方式

    1）安装 vue-router : npm install vue-router

    2) 增加route目录，并增加一个index.js，

3）在页面中增加vue配置：

4)在App.vue中增加router-view用来显示匹配到的组件

5) 路径中参数的获取以及问号后参数（查询参数）的获取，例子中参数名称均为id，实际中只需要变换参数名称即可

   例如，当路径中参数名称为name,则获取name的值的方式为:this.$route.params.name