Vue-Router路由系统 vant组件库

Vue-Router路由系统

Vue路由简介和基础使用

nodejs路由

接口和服务的 映射 关系

前端路由

路径和组件的 映射 关系

1. 路由是什么呢?

路由是一种映射关系

2. Vue中的路由是什么?

路径和组件的映射关系

 

为何使用路由

目标：了解为何使用路由

  具体使用示例: 网易云音乐 https://music.163.com/

  单页面应用(SPA): 所有功能在 一个html页面 上实现

  前端 路由作用 : 实现业务场景切换

 优点：

  整体 不刷新页面 ，用户体验更好

  数据传递容易, 开发 效率高

 缺点：

  开发成本高(需要学习专门知识)

  首次加载会比较慢一点。不利于seo

1. 什么是单页面应用?

所有的业务都在一个页面编写, 只有一个html

2. 单页面应用好处?

开发效率高, 用户体验好

3. 单页面如何切换场景?

依赖路由切换显示

vue-router

  vue-router本质是一个第三方包

以后Vue中如何实现路由?

集成vue-router模块包

组件分类

 .vue文件分2类, 一个是页面组件, 一个是复用组件

 

1. 为何把.vue文件分类?