卖逼视频免费看片|狼人就干网中文字慕|成人av影院导航|人妻少妇精品无码专区二区妖婧|亚洲丝袜视频玖玖|一区二区免费中文|日本高清无码一区|国产91无码小说|国产黄片子视频91sese日韩|免费高清无码成人网站入口

vue嵌套路由實(shí)現(xiàn)組件切換 VUE多層路由嵌套實(shí)現(xiàn)代碼?

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

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

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

1。靜態(tài)路由通常由管理員手工設(shè)置,動(dòng)態(tài)路由是路由器中的動(dòng)態(tài)路由協(xié)議根據(jù)網(wǎng)絡(luò)拓?fù)浣Y(jié)構(gòu)和具體要求自動(dòng)生成的路由條目。

2. 什么樣的路由器應(yīng)該使用什么樣的路由協(xié)議直接決定于網(wǎng)絡(luò)管理策略。一般中小型網(wǎng)絡(luò),網(wǎng)絡(luò)拓?fù)浣Y(jié)構(gòu)比較簡單,不存在線路冗余等因素,所以通常采用靜態(tài)路由來配置。但是,大規(guī)模網(wǎng)絡(luò)拓?fù)浣Y(jié)構(gòu)復(fù)雜,路由器數(shù)量多,線路冗余大,管理人員相對較少,對管理效率要求較高?;谶@些原因,通常采用動(dòng)態(tài)路由協(xié)議,輔以適當(dāng)?shù)撵o態(tài)路由。

3. 靜態(tài)路由基本上是手動(dòng)配置的路由,或者由相關(guān)的人工設(shè)置自動(dòng)生成。如果配置IP地址,將生成直接連接路由。

4. 一般靜態(tài)路由設(shè)置保存后不會(huì)消失,但當(dāng)相應(yīng)端口關(guān)閉或無效時(shí),相應(yīng)的靜態(tài)路由將消失。相反,動(dòng)態(tài)路由會(huì)消失,因?yàn)閯?dòng)態(tài)路由只能在動(dòng)態(tài)路由協(xié)議正常運(yùn)行的前提下生成

一個(gè)簡單的視頻編輯軟件還是很好用的??梢酝娌煌煮w和過濾器的朋友可以試試看,很容易用它來剪輯短視頻

方法/步驟

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

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

單擊后,將顯示中的Chi組件。Home將顯示,Chi組件的內(nèi)容將顯示

class=“answer text mb-10”>;R/R它主要用于呈現(xiàn)與您在構(gòu)建Spa(單頁應(yīng)用程序)時(shí)指定的路由相對應(yīng)的組件??梢允褂寐酚善饕晥D作為容器來渲染使用Vue路由器指定的組件。例如:視圖圖層:布線定義路由器.map({“/foo”:{//當(dāng)路由匹配/foo時(shí),將呈現(xiàn)foo組件:foo})。R初始化實(shí)例:R//start APPvar app=虛擬擴(kuò)展({}) 路由器.啟動(dòng)當(dāng)您訪問/foo時(shí),router視圖將替換為foo組件。R組件嵌套,同樣的邏輯,看一下文檔并演示一下。R文件地址:https://github.com/vuejs/vue-router/blob/1.0/docs/zh-cn/nested.md