Webcourse/22-前端工程化/Vue-router.md
2018-10-02 22:10:26 +08:00

46 lines
983 B
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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