vue 路由和前端路由解析，vue-router基本使用，点击按钮跳转页面

什么是前端路由？？

前端的路由和后端的路由在实现技术上不一样，但是原理都是一样的。在 HTML5 的 history API 出现之前，前端的路由都是通过 hash 来实现的，hash 能兼容低版本的浏览器。如果我们把上面例子中提到的 3 个页面用 hash 来实现的话，它的 URI 规则中需要带上 #。

什么是Vue路由？

1.route 是一条路由，列如 Home 按钮=> home内容

2.routes是路由组，把route组合起来，形成一个数组。[{Home按钮=>home 内容 },{About按钮=>About内容}]

3.router 是一个机制，相当于一个管理者，它管理着路由，因为routes定义了一组数组路由，它放在哪里是静止的！ router就控制这些路由，当请求来了就显示对应的页面。

使用vue路由！

在vue-router中，它定义了两个标签 <router-link >和<router-view>来对应点击和显示的部分

1.首先先建两个测试用的页面

2.编写router路由配置

有两个部分不能少 component是路由 和path是路径

3.在展示的页面中写代码

<router-link>有一个很重要的属性“to” 是定义点击后要跳转去哪里！ 语法 to="path"或to="name"

<router-view>就是内容占位符