vue元件name屬性

我們在寫vue專案的時候會遇到給元件命名

這裡的name非必選項，看起來好像沒啥用處，但是實際上這裡用處還挺多的

export

default

我們有個元件命名為detail,其中dom載入完畢後我們在鉤子函式mounted中進行資料載入

export

default
，mounted()
，methods:})
.then
(this
.getinfosucc)
}}

>

"detail"
>
>
<
/keep-alive>
<
/div>比如說detail.vue元件裡有個list.vue子元件，遞迴迭代時需要呼叫自身name
list.vue
for=
"(item,index) of list"
:key=
"index"
>
="item-title-icon"
>
<
/span>
}<
/div>
"item.children"
>
"item.children"
>
<
/detail-list>
<
/div>
<
/div>
<
/div>
export
default
}<
/script>list資料
const list =

,,,]vue-devtools除錯工具裡顯示的組見名稱是由vue中元件name決定的

Vue元件中name屬性的作用

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

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

在vue元件註冊時，會有乙個name屬性，那麼vue元件註冊的時候的name屬性有什麼作用呢？先來看看官網，如下所示 簡單來說就是 允許元件模板遞迴地呼叫自身 便於除錯 包括警告資訊以及通過vue devtools除錯時可以更方便的定位到元件 便於獲取更有語義資訊的元件樹 還有一點，就是，可以配合k...

元件加name屬性 高階元件

版本迭必勢必同時修改兩個模組 大量邏輯，方法重複。鑑於以上問題，尋找的解決方案有 公共邏輯 抽離 公共容器元件抽離 mixin 高階元件。公共邏輯抽離方案，公共邏輯中包含了state props 以及setstate,如果提取公共邏輯 勢必重新處理相關狀態，對原有模組破壞性大。mixin方案，但其方...