這是一篇總結筆記我們在寫vue專案的時候會遇到給元件命名
這裡的name非必選項,看起來好像沒啥用處,但是實際上這裡用處還挺多的
export
default
1.當專案使用keep-alive時,可搭配元件name進行快取過濾舉個例子:
我們有個元件命名為detail,其中dom載入完畢後我們在鉤子函式mounted中進行資料載入
export default ,
mounted(),
methods:
}).then(this.getinfosucc)}}
exclude="detail">
keep-alive>
div>2.dom做遞迴元件時
比如說detail.vue元件裡有個list.vue子元件,遞迴迭代時需要呼叫自身name
list.vue:
class="item-title-icon">span>
}div>
"item.children">
div>
div>
div>list資料:
const list =
},]}, , , ]迭代的結果如下:
3.當你用vue-tools時
vue-devtools除錯工具裡顯示的組見名稱是由vue中元件name決定的
以上就是對vue元件name的總結。
Vue元件中name屬性的作用
檢視其他人寫的元件 的時候經常會發現使用了name屬性,今天來把name屬性的經常使用的場景歸納一下 1.元件自身呼叫,遞迴元件 當在元件中需要呼叫自身的時候,可以通過name屬性來使用 2.使用vue tools工具時的元件名稱 當使用調式工具時,元件的名稱是通過name屬性來設定的 3.移除ke...
vue元件name的作用小結
在寫vue專案的時候會遇到給元件的各種命名,這裡的name非必選項,看起來好像沒啥用處,但是實際上這裡用處還挺多的 1 export default 6 1.當專案使用keep alive時,可搭配元件name進行快取過濾舉個例子 我們有個元件命名為home,其中dom載入完畢後我們在鉤子函式mou...
vue元件name的作用小結
我們在寫vue專案的時候會遇到給元件命名 這裡的nam非必選項,看起來好像沒啥用處,但是實際上這裡用處還挺多的 export default 1.當專案使用keep alive時,可搭配元件name進行快取過濾 舉個例子 我們有個元件命名為detail,其中dom載入完畢後我們在鉤子函式mounte...