vue-router路由与页面间导航实例解析(2)
路由的模式
关键词："mode"，"history模式"，"hash模式"，"Abstract模式"
我们可以在创建的Router中使用模式，如参数mode:history的参数，这个值意思是使用history模式，这种模式充分利用了history.pushState API来完成URL的跳转而无需重新加载页面 ，
如果不使用history模式，当访问rank的时候路由就会变成：
http://localhost/#rank
反之为：
http://localhost/rank
这就是history模式和hash模式的区别，除此之外还有一种abstract模式
- Hash：使用URL hash值作为路由，
- History：依赖HTML5 History API和服务器配置
- Abstract：支持所有JavaScript运行环境，如node服务器端。如果发现没有浏览器的API，路由就会强制进入这个模式
路由与导航
关键词："router-link" , "router-view"
vue-router提供两个指令标签组件来处理这个导航与自动渲染逻辑：
- <router-view>——渲染路径匹配到的组件视图，
- <router-link>——支持用户在具有路由功能的应用中导航
我们使用整两个标签组件来完成一个简单的页面布局：
在路由使用时要明确一个原则就是：不直接引用路由定义，（即不要在router-link直接通过 to='conpontents/rank/rank' 来导向路由），当显式引用路由定义的URL一旦发生变化，所有引用的地方都要修改。
在router-link通过名称引用路由：向to属性传入一个对象显式的声明路由的名称：
<router-link :to="{ name:'rank' }">
这里留意使用v-bind绑定（简写：），因为这里需要向router-link传递的是一个对象{ name:'rank' }而不是一个字符串
动态路由
关键词："动态路由参数"，"params"，"$router.params"
vue-router将参数融入到路由的路径定义之内成为路由的一部分，我们称这种参数为"动态路径参数"；