路由器router模式進入 VUE多層路由嵌套實現(xiàn)代碼?
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)容奇維1靜態(tài)路由通常由管理員手工設置,而動態(tài)路由是路由器中的動態(tài)路由協(xié)議根據(jù)網(wǎng)絡拓撲結構和具體要求自動生成的路由條目。
2. 什么樣的路由器應該使用什么樣的路由協(xié)議直接決定于網(wǎng)絡管理策略。一般中小型網(wǎng)絡,網(wǎng)絡拓撲結構比較簡單,不存在線路冗余等因素,所以通常采用靜態(tài)路由來配置。但是,大規(guī)模網(wǎng)絡拓撲結構復雜,路由器數(shù)量多,線路冗余大,管理人員相對較少,對管理效率要求較高?;谶@些原因,通常采用動態(tài)路由協(xié)議,輔以適當?shù)撵o態(tài)路由。
3. 靜態(tài)路由基本上是手動配置的路由,或者由相關的人工設置自動生成。如果配置IP地址,將生成直接連接路由。
4. 一般靜態(tài)路由設置保存后不會消失,但當相應端口關閉或無效時,相應的靜態(tài)路由將消失。相反,動態(tài)路由將消失,因為動態(tài)路由只能在動態(tài)路由協(xié)議正常運行的前提下生成