VUE多層路由嵌套實現(xiàn)代碼？在實際項目中，我們會遇到多層嵌套組件的組合，但是如何實現(xiàn)嵌套路由呢？因此，我們需要在vuerouter的參數(shù)中使用子配置，這樣才能很好地實現(xiàn)路由嵌套。Indexhtml，只

VUE多層路由嵌套實現(xiàn)代碼？

在實際項目中，我們會遇到多層嵌套組件的組合，但是如何實現(xiàn)嵌套路由呢？因此，我們需要在vuerouter的參數(shù)中使用子配置，這樣才能很好地實現(xiàn)路由嵌套。Indexhtml，只有一個路由出口[HTML]查看純拷貝Mainjs，如何做路由重Vue來實現(xiàn)路由跳轉和嵌套

方法/步驟

讓我們來解決最后一個標簽的路由切換效果問題！我們不希望它在激活第一個路由類時單擊其他路由鏈接。首先，讓我們修改它最小js在路由配置文件中。加上主路由組件配置。紅色圓圈表示將顯示默認路由路徑，另一個是直接配置默認路由路徑，該路徑實際上指向同一組件。第二步是將導航路徑更改為不再直接指向“/”，而是指向“/home”。然后在第一個路由內(nèi)容的div中加入一個動態(tài)類來判斷當前路由路徑。寫一個三元表達式。$route是一個路由對象，所有路由都存在于該對象中。我們只需要判斷當前路由是否指向home組件。如果是，添加一個rou如果不是，它將是空類。效果見第二和第三張圖片

此時，一個完整的路由切換效果完成。接下來，分享嵌套路由的工作原理！首先，找出最小js例如，我們將嵌套的路由組件添加到主組件。首先，我們需要創(chuàng)建這個Chi組件，然后將其引入到最小js這樣，將配置嵌套的子路由。在這里，在主組件中寫入一個條目以進入嵌套的路由組件。對于嵌套路由，請單擊enter Go ahead，您將看到以前編寫的內(nèi)容奇維組件。

單擊后，將顯示中的Chi組件。首頁會顯示，Chi組件的內(nèi)容會顯示

直接訪問URL會被HTTP訪問，服務器直接解析到文件路徑，但是spa的路由是虛擬的，不能直接找到文件，所以會是404。您需要將所有請求指向索引（我不知道這樣說是否準確），然后讓JS的路由器解析URL。Nginx需要配置try文件$url/索引.html有關詳細信息，請參閱Vue路由器的文檔。HTML5歷史模式在本章中討論了這個問題。最近，在開發(fā)react-spa時，我們遇到了同樣的問題，因為spa中的路由是JS呈現(xiàn)組件的配置，與真實瀏覽器中訪問的URL不一樣