所謂的遞迴元件就是在元件中呼叫自身元件
在我們寫專案的時候,一般後台返回給我的資料都是巢狀的,類似於下面這種:
而有的時候我們需要將二級列表或者**列表全部顯示在頁面中,這個時候我們就可以使用遞迴元件了
在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 切片 登入啊 新建...