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