vue元件遞迴的一些理解

2022-08-02 07:33:10 字數 840 閱讀 1511

自己做個小專案練手,需要用到元件遞迴,網上查了一些資料,每個**片段都認識,但是連起來,就一團漿糊。

既然人傻就多思考吧。不明白的點有以下:

1.元件怎麼自己呼叫自己,函式的遞迴是就是在function fn(),元件的遞迴沒有看到這樣子的呀。

答:元件中使用name屬性,給元件自己定義個名字,這樣在元件中就可以自己呼叫自己了。就像在函式中直接呼叫函式名來來遞迴。

2.元件的遞迴中一層又一層資料是如何獲取到的?

答:將巢狀的資料重新賦值給prop設定的屬性。

for="(item,index) in model.children"  v-bind:model="item" v-bind:key="index">
3.元件遞迴是怎麼結束的?

判斷資料中是否存在屬性,以及該屬性的值不為空。見下面**中的haschild方法。

haschild()
下面的**來自

var demodata =[

, ,,,

,]},]

},, ,]},

];export

default demodata;

view code

//控制圖示的顯示

if="haschild" class="icon" v-bind:class="[open ? 'folder-open': 'folder' ]">

if="!haschild" class="icon file-text">

}

//判斷資料中是否有可遍歷的屬性。

Vue元件的一些隨筆

今天,來看下元件,首先,我們先直接來看乙個例子 vue.extend 這個方法就是建立乙個未掛載的例項,而我們這裡往他選項物件裡,寫了乙個template也就是元件模板。然後用 vue.component my component mycomponent 註冊元件,第乙個引數為元件標籤,第二個引數為...

自己關於遞迴的一些理解

遞迴是一種抽象的概念,比如當我們想要完成某一遞迴函式dfs 的功能時,你可以先假設這個dfs 已經有你想要的功能啦,先書寫主題思路即推出dfs i 和dfs i 1 間的關係,明確它們的關係之後,就可以寫出主體思路,之後再書寫臨界條件,臨界條件功能寫完,藉著前邊咱們定義的關係,就可以一直逆推到答案,...

我關於遞迴的一些理解

遞迴可以作為一種解決問題的思想,簡單來說就是自己呼叫自己,可以用少量的 解決一些複雜的問題,並且這個問題是乙個重複的過程,但是遞迴必須要有乙個遞迴停止的條件,如果遞迴不停止的話就會出現 爆棧 現象 這裡我們使用求乙個數的階層可以來理解遞迴 1!1 2!2 1 2 1 3!3 2 1 3 2 3 2 ...