Vue基础知识：路由的封装抽离，路由模块的封装抽离的好处是什么？，如何快速的引入组件，基于@指代src目录，从src目录出发找组件

如果将所有的路由配置都存放在main.js中，是非常有问题的，杂且乱。所以我们要将路由模块进行抽离，这样有利于：拆分模块，利于维护。大致的做法就是将路由相关的东西放到router这个文件夹的index.js中，而将来只需要将index.js导入到main.js中渲染就可以了。

具体步骤演示：

1.在src文件夹中创建router文件夹

2.在router中创建index.js

3.复制粘贴main.js中关于路由相关的代码到router中index.js中

（其中有三个注意点，要导入vue和导出router这个对象，并且路径不要搞错）

快速引入组件：

基于@指代src目录，从src目录出发找组件

 4.在main.js中导入router中的index.js文件