如果將所有的路由配置都存放在main.js中，是非常有問題的，雜且亂。所以我們要將路由模塊進行抽離，這樣有利于：拆分模塊，利于維護。大致的做法就是將路由相關的東西放到router這個文件夾的index.js中，而將來只需要將index.js導入到main.js中渲染就可以了。

具體步驟演示：

1.在src文件夾中創(chuàng)建router文件夾

2.在router中創(chuàng)建index.js

3.復制粘貼main.js中關于路由相關的代碼到router中index.js中

（其中有三個注意點，要導入vue和導出router這個對象，并且路徑不要搞錯）

快速引入組件：

基于@指代src目錄，從src目錄出發(fā)找組件

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