遞迴元件使用 (慕課網 去哪兒網)

2021-09-28 13:27:01 字數 1247 閱讀 6532

所謂的遞迴元件就是在元件中呼叫自身元件

在我們寫專案的時候,一般後台返回給我的資料都是巢狀的,類似於下面這種:

而有的時候我們需要將二級列表或者**列表全部顯示在頁面中,這個時候我們就可以使用遞迴元件了

在detail元件中,我們引用了detail-list元件,並且傳了個引數list,

>

class

="detail"

>

>

detail-banner

>

>

detail-header

>

class

="content"

>

:list

="list"

>

detail-list

>

div>

div>

template

>

所以在detail-list元件中我們就需要接收到這個引數,並且使用它

>

class

="list"

>

class

="item"

v-for

="(item, index) of list"

:key

="index"

>

class

="item-title border-bottom"

>

class

="item-title-icon"

>

span

>

}div

>

v-if

="item.children"

class

="item-children"

>

:list

="item.children"

>

detail-list

>

div>

div>

div>

template

>

上面的**中我們可以看到在item-children這個div中,我們引用了這個元件本身,並且將我們迴圈出來的item.children作為引數傳進去,這樣就成了我們說的遞迴元件,這樣就可以將二級列表和**列表全部顯示出來。

2 5 去哪兒網app 前端元件化

乙個頁面由很多部分組成 比如輪播,定位等等。如果沒有元件化,則要把所有的 都寫在這個頁面的業務邏輯上,就會很多,導致維護困難。所以目的是低耦合?元件可以理解為頁面的乙個部分 區域,相當於頁面由許多元件組成,乙個button也可以看成元件。所以使用元件化進行大型專案開發,可以使 在後期維護性上得到極大...

去哪兒網筆試 面試

今天參加了去哪兒網春季實習生招聘的筆試,這也是讀研之後的第一次筆試。我做的是開發的題目,總體來講,筆試題目還是比較簡單的。考察的點涉及二分查詢 雜湊表的應用以及一些測試的基礎,具體題目就不提了。主要總結一下筆試之後的感想 總之,對自己讀研之後第一次筆試不滿意,也總結了一些經驗教訓。期待第一次面試,無...

Springboot 慕課網筆記

autoweird對應三個 component service entity entity對應資料庫 service對應事務 資料庫的事務等等 有點類似try 中間一行 出問題就會全部出錯 裡面的函式前面要加 transactional 什麼都沒有了用 component aop 切片 登入啊 新建...