使用webpack建立vue專案，安裝vue-router和不安裝vue-router的區別

使用webpack建立vue專案時，會提示:install vue-router?(Y/N)，下面講一下區別：

首先說一下路由是做什麼的？

構建 SPA (單頁應用) 時，方便渲染你指定路由對應的元件。你可以 router-view 當做是一個容器，它渲染的元件是你使用vue-router指定的。

1、安裝vue-router：

專案的src目錄下會多出一個router資料夾，且App.vue的內容是這樣的：

多出一對<router-view></router-view>標籤，router-view標籤主要是將路由路徑所指定的元件渲染到頁面中，此時可以將所有的路由路徑寫在router資料夾裡的index.js裡，實現在url上輸入不同的路徑從而渲染不同的元件。

2、不安裝vue-router
專案的src目錄下會沒有router資料夾，且App.vue的內容是這樣的：

如果要實現上面的路由的話，需要先使用npm install vue-router --save安裝vue-router到node-modules，此時可以把路

由路徑寫入mian.js裡，或者重新建立router資料夾，但需要修改App.vue裡的內容，新增<router-view></router-view>

標籤。