vue-router 路由 图解

1、什么是路由？

        路由就是一组映射关系（key-value）

        key为路径，value可能是function（后端路由）或component（前端路由）

2、vue-router 的理解

        vue的一个插件，专门用来实现SPA应用

3、对SPA的理解

        单页web应用

        整个应用只有一个完整的页面

        点击页面中的导航链接不会刷新页面，只会做页面的局部更新

        数据需要通过ajax请求获取

4、通过切换，隐藏了的路由组件，默认是被销毁的，需要的时候再去挂载

5、每个组件都有自己的$route属性，里面存储着自己的路由信息

6、整个应用只有一个router，可以通过组件的$router属性获取到

7、router-link  属性：

        "to":   相当于a标签中的"herf"属性，后面跟跳转链接所用

        "replace":  在routre-link标签中添加后，页面切换时不会留下历史记录(地址栏里不能点击返回)

        "active-class" ： 这个属性是设置激活链接时class属性，也就是当前页面所有与当前地址所匹配的的链接都会被添加class属性

        ."exact" ：开启router-link的严格模式