元件自身去呼叫元件自身。
<detail.vue（父元件）template
>
<
div>
<
div
class
="item"
v-for
="(item,index) of list"
:key
="index"
>
<
div
class
="item-title border-bottom"
>
<
span
class
="item-title-icon"
>
span
>
}
div>
<
div
v-if
="item.children"
class
="item-children"
>
<
detail-list
:list
="item.children"
>
detail-list
>
div>
div>
div>
template
>
<注意：父元件中的資料結構是二維陣列。子元件呼叫自身之後，對於css樣式，我們只要僅僅關注一級列表即可，二級列表會自動使用相同的樣式。如圖：template
>
<
div>
<
detail-banner
>
detail-banner
>
<
detail-header
>
detail-header
>
<
div
class
="content"
>
<
detail-list
:list
="list"
>
detail-list
>
div>
div>
template
>
vue中遞迴元件的使用
元件中需要元件呼叫自身，這就是遞迴元件，遞迴元件需要宣告name和自己引入自己並宣告註冊為元件，並且需要使用props進行傳參，其還需要乙個停止條件，否則會進入死迴圈。vue的遞迴元件和其v for指令之間的關係和js中的for迴圈和遞迴函式一樣，乙個是有盡頭，乙個是不知道到底巢狀了多少層級。在vu...
Vue遞迴元件
遞迴元件 在父元件內巢狀子元件，子元件無限迴圈使用自己，用於樹狀結構的巢狀 1 分為子元件son和父元件father 這裡的話我寫的是頂級只能有乙個根元素 father.vue檔案 第一層級 li list ul template export default script son.vue檔案 so...
Vue中元件的遞迴
先來說下需求，就是乙個表單，會有樹形結構一樣，會有子表單，表單顯示什麼內容是後台通過介面資料來確定的 這個時候就和樹形結構一樣，肯定會有子元件的遞迴 這次是自己第一次寫遞迴，遇到了三個問題記錄下 1 第乙個問題就是，迴圈表單 看下圖 然後這裡的資料返回的是這樣的 說明下資料字段的含義 name屬性算...