46 lines
955 B
Markdown
46 lines
955 B
Markdown
|
|
|||
|
|
## 路由的概念
|
|||
|
|
|
|||
|
|
|
|||
|
|
### 前端路由
|
|||
|
|
|
|||
|
|
路由：根据不同的 url 地址展示不同的内容或页面。
|
|||
|
|
|
|||
|
|
前端路由：把不同路由对应不同的内容（页面）的任务交给前端来做。以前是通过服务器端根据url的不同返回不同页面来实现的。
|
|||
|
|
|
|||
|
|
|
|||
|
|
什么时候使用前端路由：在单页面应用中，大部分页面结构不变，只改变部分内容的使用。
|
|||
|
|
|
|||
|
|
|
|||
|
|
### 前端路由的优点和缺点
|
|||
|
|
|
|||
|
|
|
|||
|
|
优点：
|
|||
|
|
|
|||
|
|
- 用户体验好，不需要每次都从服务器全部获取，快速展现给用户。
|
|||
|
|
|
|||
|
|
缺点：
|
|||
|
|
|
|||
|
|
- 不利于 SEO。
|
|||
|
|
|
|||
|
|
- 使用浏览器的前进、后退键时，会重新发送请求，没有合理利用缓存。
|
|||
|
|
|
|||
|
|
- 单页面无法记住之前滚动的位置，无法在前进、后退时记住滚动的位置。
|
|||
|
|
|
|||
|
|
|
|||
|
|
## vue-router 构建 SPA
|
|||
|
|
|
|||
|
|
### 动态路由
|
|||
|
|
|
|||
|
|
20180303_1335.png
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
## axios
|
|||
|
|
|
|||
|
|
尤雨溪之前发微博说， vue-resource 不再是官方推荐的插件，推荐使用 `axios`。
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|