Vue路由（vue-router）

目录

一、Vue路由的相关概念（前端路由）

二、安装vue-router 

三、Vue中通过路由跳转的方式

1、router-link：实现跳转最简单的方法

2、this.$router

---

一、Vue路由的相关概念（前端路由）

        Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是在页面上点击一个按钮跳转到对应的页面，这就是路由跳转；

route：首先它是个单数，译为路由，可以理解为单个路由或者某一个路由；例如Home按钮  => home内容， 这是一条route,  about按钮 => about 内容， 这是另一条路由。

routes：它是个复数，表示多个的集合才能为复数；可以理解为多个路由的集合，官方定义routes是一个数组；所以routes表示多个路由(route)的集合；