我們在寫vue專案的時候都會給元件命名，這裡的name非必選項。
export default常見的幾種用途
1.元件遞迴操作
vue允許元件模板呼叫自身，這在日常需求中也時有出現，此時我們就可以根據元件的name，來進行操作。
例：
data(),]}
]},,]
}}}
export default
}}
如上圖所以，當我們需要元件巢狀自身的時候，此時在元件內部就是通過name值來呼叫。值得注意的時候，在做元件遞迴的時候一定要處理好出口，避免造成死迴圈。
2.配合keep-alive對元件快取做限制（include/exclude="name"）
我們知道 keep-alive的 include和exclude 允許有條件的對元件進行快取,其中include和exclude所匹配的就是元件的name值。
例項：
在開發中我們經常需要對**進行除錯，在dev-tools中元件是以元件name進行顯示的，（如圖一）這樣更有語義化，方便我們快速定位到我們需要審查的位置，結構更清晰明了。
另外vue中name使用和vue-router中name使用沒有直接聯絡，是兩個概念。
vue元件的name有啥用
我們在使用元件的時候，一般都給元件乙個name，這個name其實還是有用處的 現在我有乙個detail的元件 export default detail keep alive 現在我有乙個detaillist1的元件，在這個元件中，再次呼叫自己 item v for item,index in li...
Vue的 v for 中 key 有什麼用
我們知道，vue和react都實現了一套虛擬dom，使我們可以不直接操作dom元素，只運算元據便可以重新渲染頁面。而隱藏在背後的原理便是其高效的diff演算法。vue和react的虛擬dom的diff演算法大致相同，其核心是基於兩個簡單的假設 1.兩個相同的元件產生類似的dom結構，不同的元件產生不...
Vue中的key到底有什麼用
key是為vue中的vnode標記的唯一id，通過這個key，我們的diff操作可以更準確 更快速。diff演算法的過程中，先會進行新舊節點的首尾交叉對比，當無法匹配的時候會用新節點的key與舊節點進行比對，然後找出差異。diff過程可以概括為 oldch和newch各有兩個頭尾的變數startid...