import.meta.glob() 如何導(dǎo)入多個目錄下的資源(最新推薦)
更新時間：2023年11月22日 11:27:10 作者：十月ooOO
import.meta.glob() 其實(shí)不僅能接收一個字符串,還可以接收一個字符串?dāng)?shù)組,就是匹配多個位置,本文給大家介紹import.meta.glob() 如何導(dǎo)入多個目錄下的資源,感興趣的朋友一起看看吧
import.meta.glob() 如何導(dǎo)入多個目錄下的資源
剛開始用 vite，在做動態(tài)路由的時候遇到了這個問題，看到其它教程上都是只引用了一個目錄層級的內(nèi)容，比如這樣：
let RouterModules = import.meta.glob("/src/view/*/*.vue")那么如果我的目錄是這樣的，而我需要將這個目錄下所有 .vue 都加載進(jìn)來，如何實(shí)現(xiàn)呢？
答案
import.meta.glob() 其實(shí)不僅能接收一個字符串，還可以接收一個字符串?dāng)?shù)組，就是匹配多個位置。
我的就可以寫成這樣
let RouterModules = import.meta.glob(["/src/view/*/*.vue", "/src/view/*.vue"]);
到此這篇關(guān)于import.meta.glob() 如何導(dǎo)入多個目錄下的資源(最新推薦)的文章就介紹到這了,更多相關(guān)import.meta.glob()導(dǎo)入資源內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了vue中使用微信公眾號js-sdk踩坑記錄，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
vue3封裝echarts圖表數(shù)據(jù)無法渲染到頁面問題
這篇文章主要介紹了vue3封裝echarts圖表數(shù)據(jù)無法渲染到頁面問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-09-09
Vue3監(jiān)聽屬性與Computed的區(qū)別詳解
在 Vue 3 中,watch 和 computed 都是非常重要的概念,它們都可以用于觀察和響應(yīng)數(shù)據(jù)的變化,但在使用場景和原理上存在明顯的區(qū)別,本文將詳細(xì)解析 Vue 3 中監(jiān)聽屬性 (watch) 和計(jì)算屬性 (computed) 的區(qū)別,需要的朋友可以參考下2024-02-02
vue elementui簡易側(cè)拉欄的使用小結(jié)
這篇文章主要介紹了vue elementui簡易側(cè)拉欄的使用,增加了側(cè)拉欄,目的是可以選擇多條數(shù)據(jù)展示數(shù)據(jù),本文通過示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-06-06
vue 監(jiān)聽鍵盤回車事件詳解 @keyup.enter || @keyup.enter.native
今天小編就為大家分享一篇vue 監(jiān)聽鍵盤回車事件詳解 @keyup.enter || @keyup.enter.native，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
vue等框架對Tabs、Moda等設(shè)置固定高度后沒有滾動條問題
這篇文章主要介紹了vue等框架對Tabs、Moda等設(shè)置固定高度后沒有滾動條問題,解決方法很簡單，只需要一行簡短代碼就可以解決，下面小編給大家詳細(xì)講解，需要的朋友可以參考下2023-05-05
詳解keep-alive + vuex 讓緩存的頁面靈活起來
這篇文章主要介紹了keep-alive + vuex 讓緩存的頁面靈活起來，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要為大家詳細(xì)介紹了如何基于Vue3實(shí)現(xiàn)一個小相冊效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-12-12
這篇文章主要介紹了vue3時間戳轉(zhuǎn)換，?vue2轉(zhuǎn)換時間戳的時候一般使用過濾器的方式，到vue3之后，vue3移除了過濾器，就不能再用了，官方是推薦使用方法或者計(jì)算屬性的方式。下面我們來看看詳細(xì)介紹吧</P><P>2021-12-12
el-select如何獲取下拉框選中l(wèi)abel和value的值
在開發(fā)業(yè)務(wù)場景中我們通常遇到一些奇怪的需求,例如el-select業(yè)務(wù)場景需要同時獲取我們選中的label跟 value,下面這篇文章主要給大家介紹了關(guān)于el-select如何獲取下拉框選中l(wèi)abel和value的值,需要的朋友可以參考下2022-10-10