如果你在 vue3 開(kāi)發(fā)中使用了 <script setup> 語(yǔ)法的話(huà)，對(duì)于組件的 name 屬性，需要做一番額外的處理。下面本篇文章就來(lái)和大家聊聊vue3 name 屬性的使用技巧，希望對(duì)大家有所幫助！

前端（vue）入門(mén)到精通課程：進(jìn)入學(xué)習(xí)

對(duì)于 vue@3.2.34 及以上版本，在使用 <script setup> 的單文件組件時(shí)，vue 會(huì)根據(jù)組件文件名，自動(dòng)推導(dǎo)出 name 屬性。也就是名為 MyComponent.vue 或 my-component.vue 的文件， name 屬性為 MyComponent，而當(dāng)你在組件內(nèi)顯示定義 name 屬性時(shí)，會(huì)覆蓋推導(dǎo)出的名稱(chēng)?！?/p>