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