Vue-Router路由系统
Vue路由简介和基础使用
nodejs路由
接口和服务的
映射
关系
![](https://i-blog.csdnimg.cn/blog_migrate/1108e6a6692d74e38297c4a3156821f0.png)
前端路由
路径和组件的
映射
关系
![](https://i-blog.csdnimg.cn/blog_migrate/29ff6debf625eecc28700e6c41548136.png)
1. 路由是什么呢?
路由是一种映射关系
2. Vue中的路由是什么?
路径和组件的映射关系
为何使用路由
目标:了解为何使用路由
具体使用示例: 网易云音乐
https://music.163.com/
单页面应用(SPA): 所有功能在
一个html页面
上实现
前端
路由作用
: 实现业务场景切换
优点:
整体
不刷新页面
,用户体验更好
数据传递容易, 开发
效率高
缺点:
开发成本高(需要学习专门知识)
首次加载会比较慢一点。不利于seo
1. 什么是单页面应用?
所有的业务都在一个页面编写, 只有一个html
2. 单页面应用好处?
开发效率高, 用户体验好
3. 单页面如何切换场景?
依赖路由切换显示
vue-router
vue-router本质是一个第三方包
以后Vue中如何实现路由?
集成vue-router模块包
组件分类
.vue文件分2类, 一个是页面组件, 一个是复用组件
![](https://i-blog.csdnimg.cn/blog_migrate/5c26228efb44d00986d6c91598897a85.png)
1. 为何把.vue文件分类?
方便理解和使用