Vue-Router

1 Vue-Router介绍

在 SPA 中，网站内容的变换实际上的组件的切换，为了方便的实现组件间的切换，Vue 框架引入了 vue-router 工具来实现多个组件之间的切换。

2.1 体验

在使用 vue-router 之前，我们需要先配置访问的路径与要显示的组件的对应关系。

我们需要在 router.js 文件中进行配置。

初体验：

方式一：（）

添加路由：

再次查看页面:

方式二：(this.$router.push("/路由路径"))

页面展示：

点击按钮：（效果如下）