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
當出現(xiàn)同名文件時，怎么解決？
- 非常簡單，只需要多一項屬性配置directoryAsNamespace為true即可
- 在引用時，需要增加路徑名作為前綴，以components下的路徑為起點
將會自動生成components.d.ts文件
當新增vue文件時，components.d.ts會自動生成相應(yīng)的聲明，但是，當你修改或者刪除文件，人家可就不負責(zé)修改或刪除文件對應(yīng)的記錄了，原有記錄依舊會被保留。
如果不想生成components.d.ts文件，需要設(shè)置屬性【dts】為【false】，
注：vue+ts項目，dts屬性默認為true，因此在你不留意時，它就自動生成啦。
具體怎么用，只需要記住2點
- 1.同名加路徑前綴，不同名也要加路徑前綴
- 2.多級目錄，就加多級路徑前綴
下圖這個例子：
我用不同顏色區(qū)分了同名、不同名和多級目錄這幾種情況，看一下，你應(yīng)該就理解啦
大概就是這樣啦，至于到底要不要設(shè)置directoryAsNamespace為true，就看你個人習(xí)慣啦~
- false時，就要多花點腦細胞想名字
- true時，就需要引用時多敲點代碼
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue之請求如何傳遞參數(shù)問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
webpack vue 項目打包生成的文件,資源文件報404問題的修復(fù)方法(總結(jié)篇)
這篇文章主要介紹了解決webpack vue 項目打包生成的文件,資源文件報404問題的修復(fù)方法,需要的朋友可以參考下2018-01-01
vue結(jié)合Axios+v-for列表循環(huán)實現(xiàn)網(wǎng)易健康頁面(實例代碼)
這篇文章主要介紹了vue結(jié)合Axios+v-for列表循環(huán)實現(xiàn)網(wǎng)易健康頁面,在項目下安裝axios，通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
這篇文章主要介紹了vue3+vant4封裝日期時間組件方式(年月日時分秒),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
今天小編就為大家分享一篇關(guān)于vue表單提交防雙/多擊的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章主要介紹了vue 公共列表選擇組件,引用Vant-UI的樣式方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
<Teleport> 是 Vue 3 的一個內(nèi)置組件,允許將組件的內(nèi)容渲染到 DOM 中的任意位置,而不改變其邏輯結(jié)構(gòu),這篇文章主要介紹了Vue 3 的＜Teleport＞功能與用法詳解,需要的朋友可以參考下2025-04-04
解決項目vite1.0升級到2.0打包遇到Some chunks are larger問題
本文主要介紹了解決項目vite1.0升級到2.0打包遇到Some chunks are larger問題，文中根據(jù)實例編碼詳細介紹的十分詳盡，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
Vue-resource實現(xiàn)ajax請求和跨域請求示例
本篇文章主要介紹了Vue-resource實現(xiàn)ajax請求和跨域請求示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要介紹了vue3如何使用ref獲取元素，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05