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