Vue - 路由
Posted tiboo
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue - 路由相关的知识，希望对你有一定的参考价值。
新建页面，创建路由是经常要做的事，而我总是站在前人的基础上，简单粗暴看下官网的教程，按着他们的格式创建和增加，自己创建项目也是看着教程走，不愿多动脑子去好好想想，所以某些概念总是模棱两可和记不住。
前端中的路由是什么？
简单来说就是根据不同的 url 地址展示不同的内容或页面
用于什么场景？
前端路由更多用在单页应用上, 也就是SPA（单页应用程序）, 因为单页应用, 基本上都是前后端分离的, 后端自然也就不会给前端提供路由。
什么是单页应用？
SPA是一种特殊的Web应用。它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的html、javascript、CSS。一旦页面加载完成，SPA不会因为用户的操作而进行页面的重新加载或跳转，而是利用JavaScript动态的变换HTML，实现UI与用户的交互。与单页应用相呼应的是多页应用。
什么是多页应用？
每一次页面跳转的时候，后台服务器都会给返回一个新的html文档，这种类型的网站也就是多页网站，也叫做多页应用。
单页应用与多页应用的比较
单页面应用 多页面应用
组成 一个外壳页面和多个片段页面组成 多个完成的html页面组成
页面跳转 片段页面之间的切换，共用外壳页面 从一个完整的页面跳转到另外一个完整页面
刷新方式 页面片段的局部刷新 整页刷新
url模式 http://xxx/flight.html http://xxx/flight/page1
用户体验 页面间片段切换快，用户体验好 页面间切换慢，不流畅，用户体验差
页面间数据传递 依赖从url提取参数，cookie，localStorage等，较麻烦 在一个页面内，页面片段间传递数据容易
以上为参考大部分博客总结的某些概念性东西，vue中路由的使用规则接着往下走：
以上是关于Vue - 路由的主要内容，如果未能解决你的问题，请参考以下文章