vue元件的name有啥用

2021-10-25 09:05:11 字數 1085 閱讀 7837

我們在使用元件的時候,一般都給元件乙個name,這個name其實還是有用處的:

現在我有乙個detail的元件:

export

default

"detail"

>

>

<

/keep-alive>

現在我有乙個detaillist1的元件,在這個元件中,再次呼叫自己:

="item"

v-for=

"(item, index) in list"

:key=

"index"

>

="item-title border-bottom"

>

="item-title-icon"

>

<

/span>

}<

/div>

"item.children"

class

="item-children"

>

"item.children"

>

<

/detail-list1>

<

/div>

<

/div>

<

/div>

<

/template>

export

default

}<

/script>這個list資料是從外部傳輸進來的

list:[,

]},]

},,,

]效果如下:

我們在vue-tools工具看到的名稱,就是元件的name。

這說明了,存在這個東西就是有用處的,只不過你還沒有發現而已。

vue中元件name有什麼用

我們在寫vue專案的時候都會給元件命名,這裡的name非必選項。export default 官方文件指出 name只有作為元件選項時起作用。常見的幾種用途 1.元件遞迴操作 vue允許元件模板呼叫自身,這在日常需求中也時有出現,此時我們就可以根據元件的name,來進行操作。例 data expor...

vue元件name屬性

我們在寫vue專案的時候會遇到給元件命名 這裡的name非必選項,看起來好像沒啥用處,但是實際上這裡用處還挺多的 export default 舉個例子 我們有個元件命名為detail,其中dom載入完畢後我們在鉤子函式mounted中進行資料載入 export default mounted me...

vue中元件name的作用

這是一篇總結筆記 我們在寫vue專案的時候會遇到給元件命名 這裡的name非必選項,看起來好像沒啥用處,但是實際上這裡用處還挺多的 export default 1.當專案使用keep alive時,可搭配元件name進行快取過濾舉個例子 我們有個元件命名為detail,其中dom載入完畢後我們在鉤...