路由概念

路由：其实就是指向的意思，当点击页面的Home按钮时，页面就显示Home页面的内容，点击about按钮时，就显示about页面的内容，这可以说是一种映射。

问题：点击按钮之后，如何做到正确的响应呢？例如点击home,显示home页面的内容，点击about，显示about页面的内容。这就要涉及到三个基本的概念了，分别是route、routes、router。

① route ：指一条路由，单数形式，比如 点击Home-->显示home页面的内容，这是一条路由，点击About-->显示about页面的内容，这是另一条路由。

② routes : 指一组路由，把多个单条路由组合起来，就形成一组路由。

[

{点击Home-->显示home页面的内容},

{点击About-->显示about页面的内容}

]

③ router是一个机制，相当于一个管理者，主要是来管理路由的，比如：

在routes里定义了一组路由，他是静止的，没有任何效果的，当真正进行页面的路由请求的时候，需要router来起到作用，当点击路由跳转时，他会到routes里面去查找相对应的path,从而显示对应页面的内容。

路由的实现步骤

①搭建好页面模板（HTML）。

② 在JavaScript中进行路由的配置

③点击对应按钮执行页面的跳转

PS:路由的跳转方式：

1、可以直接使用<router-link></router-link>标签进行页面的跳转，同时添加to属性，指定对应的路由地址即可，它会渲染为一个a标签实现页面的跳转，其中to是一个属性，可以使用v-bind进行动态设置。

例如：<router-link to="/home"></router-link> 代表跳转到首页

2、通过事件函数进行跳转，此时需要配合v-on指令来实现编程式导航。

例如：

PS:如果想要返回上一页，可以使用router.go(-1),例如