一、前言
路由本身并不是vue中内置的内容，而是它的一个插件，插件的基本使用方法也在上一章给大家介绍了一下。
它的作用在于，让你即使只写一个页面，也能写出多页面网站的效果。
其官网为：Vue Router
二、基本使用
如果你重新用命令npm create vue@latest来初始化一个新的vue项目时，其实它就会直接提示你是否添加路由：
如果你选择了是，那么你生成后的项目就会显得有些不一样。
不过为了让大家更好理解，这里我还是直接在老项目中添加这个路由插件，一步一步的来看看它是如何使用的。
首先在原本没有添加路由功能的vue项目中，先安装路由插件：
npm install vue-router@4
命令哪来的？可以去看官方文档：安装 | Vue Router (vuejs.org)
安装完成后：
我们就可以将其添加到vue项目中了，还记得怎么添加插件吗？不会的到前面章节复习一下。
不过它与一般插件还有点不一样，因为它需要我们自己先通过一些函数创建路由对象：
比如这里，我是直接在main.js文件中完成的。
首先最前面，需要导入这个库中的两个函数：
createRouter：用于创建一个路由实例。createWebHashHistory：用于创建路由形式，这里的意思是使用hash模式，后面我们会继续深入。
然后就是开始导入组件，这个没什么可说的，自己随便写两个有一定区别的组件即可，没有任何影响。
紧接着就是定义一个路由数组，这个数组中每个元素都是一个对象，而每个对象都必须要有两个属性：
path：也就是路径，/代表根路径，/about就代表根目录下的about路径，如果你了解linux系统，就会发现这种写法和linux系统是一致的。
