使用webpack建立vue專案,安裝vue-router和不安裝vue-router的區別
阿新 • • 發佈:2019-01-22
使用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>
標籤。