一、概念
1、 什么是前端路由?
- 路由是根据不同的URL来展示不同的内容或页面
- 前端路由就是把不同路由对应的不同页面或内容的展示交给前端来做(真正实现前后端分离),以前都是通过服务器端来根据URL的不同返回不同的页面,那些页面在服务端都是实实在在存在的,而前端路由就是只有一个index,其余页面是根据组件等进行渲染的,虚拟页面。
2、什么时候使用前端路由?
- 在单页面应用程序中,大部分页面结构不变,只改变部分内容的情况。
3、 前端路由的优缺点?
- 优点:用户体验好,不是每次都需要从服务器全部获取,快速展示给用户。
- 缺点:
- 不利于SEO
- 使用浏览器的前进后退功能是会重新发送请求,没有合理地利用缓存
- 单页面无法记住之前的滚动的位置(分页等情况)
二、vue-router概述
1、构建SPA应用的关键
2、常用的两个HTML标签
<router-link></router-link>
- 背后其实就是a标签
- 路由跳转标签
- to属性指定url
<router-view></router-view>
-路由跳转后组件渲染的位置- 两个标签配合使用,一个负责跳转,一个负责内容渲染