72Vue 遞迴元件

2021-09-25 16:15:40 字數 446 閱讀 1363

元件在它的模板內可以遞迴地呼叫自己,不過,只有當它有 name 選項時才可以:

name: 'unique-name-of-my-component'
當你利用vue.component全域性註冊了乙個元件, 全域性的id作為元件的 name 選項,被自動設定.

vue.component('unique-name-of-my-component', )
如果你不謹慎, 遞迴元件可能導致死迴圈:

name: 'stack-overflow',

template: '

'

上面元件會導致乙個錯誤 「max stack size exceeded」 ,所以要確保遞迴呼叫有終止條件 (比如遞迴呼叫時使用 v-if 並讓他最終返回 false )。

Vue遞迴元件

遞迴元件 在父元件內巢狀子元件,子元件無限迴圈使用自己,用於樹狀結構的巢狀 1 分為子元件son和父元件father 這裡的話我寫的是頂級只能有乙個根元素 father.vue檔案 第一層級 li list ul template export default script son.vue檔案 so...

vue遞迴元件實現

需求 需要顯示不確定層級不確定值型別 可能是陣列裡有物件,物件裡有資料 的資料 資料結構如下 registered address registered address in full 241 rue jarry e montr al qu bec h2p1t6 canada industry co...

Vue中元件的遞迴

先來說下需求,就是乙個表單,會有樹形結構一樣,會有子表單,表單顯示什麼內容是後台通過介面資料來確定的 這個時候就和樹形結構一樣,肯定會有子元件的遞迴 這次是自己第一次寫遞迴,遇到了三個問題記錄下 1 第乙個問題就是,迴圈表單 看下圖 然後這裡的資料返回的是這樣的 說明下資料字段的含義 name屬性算...