一、需求
我们在写路由模块时，如果路由页面太多，在main中就会显得拥挤且难以维护，这时候就需要对路由模块抽离出来，单独封装
二、封装方法
1、位置
我一般喜欢在src下新建router目录，在router新建文件index.js，在main中只需要导入js即可。
main中如下
、
2、配置，导入导出
在index.js中完成路由的创建和实例，最后进行导出，导出到main中，main进行导入
main中导入后发现报错，原因是路径出问题，所以我们别忘了修改路径
修改哪里的路径呢，看了看main中好像没错，去index找找
扫代斯内
原来我们修改了位置后，对应的路径发生了变化，所以我们需要修改相对的路径
我这里用的相对路径的写法，当然如果层级过多这里就不适用了，这里有个技巧就是用@找绝对路径的方式
@的意思代表的就是当前文件所在的目录，我的index.js所在目录为src 所以可以把@当作src
