這篇“vue3中的name屬性怎么使用”文章的知識點大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“vue3中的name屬性怎么使用”文章吧。
創(chuàng)新互聯(lián)是一家專業(yè)提供中原企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站設(shè)計、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司、H5技術(shù)、小程序制作等業(yè)務(wù)。10年已為中原眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進行中。
對于 vue@3.2.34及以上版本,在使用 的單文件組件時,vue 會根據(jù)組件文件名,自動推導(dǎo)出 name 屬性。也就是名為 MyComponent.vue 或 my-component.vue 的文件, name 屬性為 MyComponent,而當(dāng)你在組件內(nèi)顯示定義 name 屬性時,會覆蓋推導(dǎo)出的名稱。
組件的 name 屬性不僅能用于
,而且在使用
vuejs-devtools
插件調(diào)試代碼的時候,對應(yīng)組件也能顯示出其 name 屬性,方便我們快速定位代碼和調(diào)試。顯示的定義 name 屬性,是一個好習(xí)慣。
除此之外,如果我們要在 顯示定義 name 屬性,需要額外添加一個 script,也就是:
編譯后輸出為:
可以發(fā)現(xiàn),這和我們在上文中書寫 2 個 script 標簽是一樣的,也就是說,unplugin-vue-define-options
通過 vite 插件的方式,在編譯階段幫我們做了編寫 2 個 script 這一步,簡化了我們的開發(fā)。
以上就是關(guān)于“vue3中的name屬性怎么使用”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對大家有幫助,若想了解更多相關(guān)的知識內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。