Vue--》路由vue-router的使用讲解

目录

路由简述

vue-router

vue-router的安装配置与使用

路由重定向

嵌套路由

嵌套路由重定向

命名路由

动态路由

---

路由简述

路由（英文：router）就是对应关系。单页面应用程序（SPA）指的是一个web网站只有唯一一个HTML页面，所有组件的展示与切换都在这唯一的一个页面内完成。此时，不同组件之间的切换需要通过前端路由来实现。前端路由：通俗的概念是Hash地址与组件之间的对应关系。

路由的分类：

一个路由就是一组映射关系（key-value）。key为路径，value可能是function或component

1）前端路由：value是component，用于展示页面的内容；当浏览器的路径改变时，对应的组件就会显示。