unplugin-vue-components解決命名沖突問題
更新時間：2024年03月21日 14:59:48 作者：菜鳥茜
這篇文章主要介紹了unplugin-vue-components解決命名沖突問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
unplugin-vue-components命名沖突問題
我們在vue項目中通常會利用unplugin-vue-components插件進行自定義組件的自動引入
注：
如果不知道怎么配置unplugin-vue-components插件，歡迎看我整理的這篇：
vue3項目配置按需自動引入自定義組件unplugin-vue-components
當(dāng)出現(xiàn)同名文件時，怎么解決？
- 非常簡單，只需要多一項屬性配置directoryAsNamespace為true即可
- 在引用時，需要增加路徑名作為前綴，以components下的路徑為起點
將會自動生成components.d.ts文件
當(dāng)新增vue文件時，components.d.ts會自動生成相應(yīng)的聲明，但是，當(dāng)你修改或者刪除文件，人家可就不負(fù)責(zé)修改或刪除文件對應(yīng)的記錄了，原有記錄依舊會被保留。
如果不想生成components.d.ts文件，需要設(shè)置屬性【dts】為【false】，
注：vue+ts項目，dts屬性默認(rèn)為true，因此在你不留意時，它就自動生成啦。
具體怎么用，只需要記住2點
- 1.同名加路徑前綴，不同名也要加路徑前綴
- 2.多級目錄，就加多級路徑前綴
下圖這個例子：
我用不同顏色區(qū)分了同名、不同名和多級目錄這幾種情況，看一下，你應(yīng)該就理解啦
大概就是這樣啦，至于到底要不要設(shè)置directoryAsNamespace為true，就看你個人習(xí)慣啦~
- false時，就要多花點腦細(xì)胞想名字
- true時，就需要引用時多敲點代碼
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
在Vue3.5版本中最大的改動就是響應(yīng)式重構(gòu),重構(gòu)后性能竟然炸裂的提升了56%,本文我們來講講使用雙向鏈表后,Vue內(nèi)部是如何實現(xiàn)依賴收集和依賴觸發(fā)的,感興趣的可以了解下2024-11-11
vue實現(xiàn)動態(tài)路由的方法及路由原理解析
這篇文章主要介紹了路由原理及vue實現(xiàn)動態(tài)路由,Vue Router 提供了豐富的 API，可以輕松地實現(xiàn)路由功能，并支持路由參數(shù)、查詢參數(shù)、命名路由、嵌套路由等功能，可以滿足不同應(yīng)用程序的需求，需要的朋友可以參考下2023-06-06
這篇文章主要介紹了vue項目做屏幕自適應(yīng)處理方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
基于vue-router的matched實現(xiàn)面包屑功能
本文主要介紹了基于vue-router的matched實現(xiàn)面包屑功能，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了vue組件style中scoped的作用及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-09-09
MVVM模型主要是為了分離視圖(View)和模型(Model)，其優(yōu)點為：低耦合、可重用性、獨立開發(fā)以及可測試，視圖和模型分離的特點給了 Vue 很大的啟發(fā)，這篇文章主要介紹了MVVM模型在Vue中的使用,需要的朋友可以參考下2022-11-11
vue中經(jīng)常使用到和這類表單元素,vue對于這些元素的數(shù)據(jù)綁定和我們以前經(jīng)常用的jQuery有些區(qū)別,下面這篇文章主要給大家介紹了關(guān)于vue?v-model的相關(guān)資料,需要的朋友可以參考下2022-04-04
這篇文章主要介紹了vue中使用js-doc的相關(guān)知識，本文結(jié)合實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友參考下吧2024-01-01
vue用復(fù)選框?qū)崿F(xiàn)組件且支持單選和多選操作方式
這篇文章主要介紹了vue用復(fù)選框?qū)崿F(xiàn)組件且支持單選和多選操作方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
公司使用 vue-cli 創(chuàng)建的 vue項目 在初始化時并沒有做多頁面配置，隨著需求的不斷增加，發(fā)現(xiàn)有必要使用多頁面配置。這篇文章主要介紹了vue項目添加多頁面配置,需要的朋友可以參考下2019-05-05