前端路由

路由这个概念最初出现在后台，传统mvc架构的web开发，由后台设置路由，当用户发送请求时，后台根据路由表的规则将数据渲染到模板上，并将模板返回给用户。所以，每次用户请求就得刷新一次页面。
ajax的出现解决了这个问题，采用异步加载数据的方式实现局部页面刷新，提升了用户体验。
而异步交互体验的最高版本是spa。不仅页面交互无刷新，页面跳转也可无刷新。
前端路由由此而生。
广义上，前端路由是指前端根据url来分发视图，有两个核心操作：一是需要监听浏览器地址的变化，二是动态加载视图。

vue中的前端路由

1基础路由
vue router是vue官方提供的路由管理器 。它与vue.js的核心深度集成，随着vue.js更新而更新 ，简化单页面的构建。
RouterLink和RouterView是Vue Router提供的两个内置组件。routerlink会被默认渲染成一个a标签，他的to属性用于指定跳转链接；routerview将负责挂载路由匹配到的组件。
2动态路由
使用动态路由参数将匹配某种模式的所有路由映射到同一个组件。路由参数用英文：标记。动态路由被匹配时，在组件中使用this.$route.params来获取参数的值。
3嵌套路由
嵌套路由可以实现在动态视图中嵌套动态视图。
一个问题-多层视图可以使用vue的内置组件component来实现，但会在页面刷新后回到初始状态。而使用路由分发的视图在页面刷新后会保持当前路径对应的视图。
4编程式路由
不使用routerlink,而在js中使用router.push方法跳转视图。
可以通过路由到底push跳转视图，还可以赋予路由name属性，然后通过name跳转视图。
动态参数放在patams中，当使用patj时，params参数不生效，此时应将餐食写在path中。
5使用cue-cli中的roiter/index.js
使用vue.use(Router)安装vue Router插件
使用export返回路由规则。