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

具體步驟演示：

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

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

3.復(fù)制粘貼main.js中關(guān)于路由相關(guān)的代碼到router中index.js中

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

快速引入組件：

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

?4.在main.js中導(dǎo)入router中的index.js文件