vue元件name屬性的作用和元件遞迴實現資料樹

2021-09-26 09:49:56 字數 712 閱讀 2671

在vue元件註冊時,會有乙個name屬性,那麼vue元件註冊的時候的name屬性有什麼作用呢?

先來看看官網,如下所示:

簡單來說就是:

允許元件模板遞迴地呼叫自身

便於除錯 (包括警告資訊以及通過vue-devtools除錯時可以更方便的定位到元件)

便於獲取更有語義資訊的元件樹

還有一點,就是,可以配合keep-alive進行元件 搭配元件name進行快取過濾

具體應用場景:

元件模板遞迴地呼叫自身

效果如下:

便於除錯,如上面的遞迴在vue-devtools除錯時的結構如下, 可以清晰地看到頁面元件的構成:

配合keep-alive進行元件 搭配元件name進行快取過濾

Vue元件中name屬性的作用

檢視其他人寫的元件 的時候經常會發現使用了name屬性,今天來把name屬性的經常使用的場景歸納一下 1.元件自身呼叫,遞迴元件 當在元件中需要呼叫自身的時候,可以通過name屬性來使用 2.使用vue tools工具時的元件名稱 當使用調式工具時,元件的名稱是通過name屬性來設定的 3.移除ke...

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載入完畢後我們在鉤...