如果你在 vue3 開發(fā)中使用了 <script setup>
語法的話,對于組件的 name 屬性,需要做一番額外的處理。下面本篇文章就來和大家聊聊vue3 name 屬性的使用技巧,希望對大家有所幫助!
前端(vue)入門到精通課程:進(jìn)入學(xué)習(xí)
對于 vue@3.2.34 及以上版本,在使用 <script setup>
的單文件組件時,vue 會根據(jù)組件文件名,自動推導(dǎo)出 name 屬性。也就是名為 MyComponent.vue 或 my-component.vue 的文件, name 屬性為 MyComponent,而當(dāng)你在組件內(nèi)顯示定義 name 屬性時,會覆蓋推導(dǎo)出的名稱?!?/p>