av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

vue 如何使用遞歸組件

瀏覽:80日期:2022-11-13 17:33:39

有的時候我們會使用二級標(biāo)題,什么叫做二級標(biāo)題?先看看傳過來的數(shù)據(jù)。類似于這種,數(shù)組中還有一個數(shù)組,有的人可能會說那就用兩個v-for嵌套使用啊,但是這里,我們想要它們是同樣的功能,同樣的樣式,所以使用遞歸組件是最好的選擇。

遞歸組件:在組件的自身再調(diào)用組件的自身。

vue 如何使用遞歸組件

組件一般要給個名字,方便我們使用遞歸組件的時候來使用,如果我自身有children,就把children當(dāng)做list再傳給自己,做一個遞歸的循環(huán)。

vue 如何使用遞歸組件

此時就渲染出來了。

vue 如何使用遞歸組件

如果我再增加一個children呢?像這樣:

vue 如何使用遞歸組件

此時不用做任何事,只改變了數(shù)據(jù)結(jié)構(gòu),去看瀏覽器渲染的頁面:

vue 如何使用遞歸組件

三級標(biāo)題就出來了,而我們只修改了數(shù)據(jù)結(jié)構(gòu),模板處沒有動任何地方。這就是遞歸組件的使用,只要children存在,就調(diào)用自身。如果用v-for來寫,可能還要寫一層循環(huán)。

tips 關(guān)于name的一些使用

每一個組件內(nèi)的name值到底是做什么用的呢?

1. 當(dāng)我們做遞歸組件會用到2.在頁面上想對某個頁面取消緩存,keep-alive exclude='xxname'3.Vue的開發(fā)者調(diào)試工具,會顯示一個個組件名,取決于這個name

我目前所知大概就是這些用途了,以后發(fā)現(xiàn)了新的用途會再更新的。

以上就是vue 如何使用遞歸組件的詳細(xì)內(nèi)容,更多關(guān)于vue 使用遞歸組件的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章!

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 国产成人在线视频 | 97色综合 | 99精品久久99久久久久 | 国产精品久久久久久久久久 | 97久久久久久 | 久久国产成人午夜av影院武则天 | 日韩欧美在线视频 | 狠狠干网站 | 中文字幕亚洲专区 | 蜜月va乱码一区二区三区 | 狠狠操电影 | 天天干天天玩天天操 | 天天爱爱网 | 91九色在线观看 | 国产农村妇女精品一二区 | 国内精品视频一区二区三区 | 欧美日韩国产欧美 | 亚洲一区二区在线电影 | av官网在线| 视频在线一区二区 | 精品一区二区三区91 | 超碰在线网站 | 国产精品网址 | 国产一级片在线播放 | www.9191.com| 日韩在线播放一区 | 97久久精品午夜一区二区 | 九九导航| 国产精品夜色一区二区三区 | 中文字幕亚洲精品 | 99精品国产一区二区青青牛奶 | 欧美一区不卡 | 久久精品一级 | 亚洲精品国产综合区久久久久久久 | 综合色婷婷 | 久久久久se | 国产一区二区在线免费观看 | 国产伦精品一区二区三区照片91 | 久久天天躁狠狠躁夜夜躁2014 | 欧美成人a∨高清免费观看 老司机午夜性大片 | 精品国产青草久久久久96 |