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