在構(gòu)建路由的時(shí)候洞拨,經(jīng)常會(huì)為越來越多的頁面引入而感到麻煩,出現(xiàn)如下圖的情況讼积,每次新增一個(gè)子頁面肥照,都需要引入一次,非常繁瑣勤众。
在看Vue官方文檔時(shí)舆绎,有看到自動(dòng)化注冊(cè)全局組件的方法
于是我就在想能不能像注冊(cè)組件一樣,用一個(gè)文件把所有的子頁面給暴露出來呢决摧?我查了很久亿蒸,看了很多vue項(xiàng)目案例的源代碼,發(fā)現(xiàn)大家好像都是一條一條引入的掌桩,子頁面越多边锁,import語句就越多。
根據(jù)組件的自動(dòng)化注冊(cè)代碼波岛,我修改了一下茅坛,實(shí)現(xiàn)了組件(子頁面)的自動(dòng)化引入
通過檢索文件所在目錄的所有vue文件,獲取到所有的組件信息则拷,然后將組件對(duì)應(yīng)組件名稱放入pages對(duì)象贡蓖,再講pages對(duì)象暴露出去,于是在路由頁面煌茬,只需要引入_index.js單個(gè)文件即可獲取所有的組件
如此斥铺,就大功告成,以后不管新添加多少個(gè)子頁面和路由坛善,都不需要二次引入了晾蜘,直接使用就行。