我們在使用元件的時候,一般都給元件乙個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載入完畢後我們在鉤...