首頁猿問 vue-router如何批量設置，...

vue-router如何批量設置，上百個頁面逐個import太多了

JavaScript

哈士奇WWW 2019-05-13 10:57:33

//router.jsimportRouterfrom'vue-router'importVuefrom'vue'importloginfrom'./components/views/login'importchatfrom'./components/views/chat'importAppfrom'./index'Vue.use(Router)exportdefaultnewRouter({mode:'abstract',routes:[{path:'/login',component:login},{path:'/chat',component:chat},{path:'/',component:App}]})舉個例子，上面只有3個頁面，就需要import3次，下面routes要寫3個映射。如果是上百個頁面的系統(tǒng)，不是要寫死人？

查看完整描述

2 回答

開滿天機

TA貢獻1786條經(jīng)驗獲得超13個贊

你可以反過來思考這樣的兩個問題為什么一樣要手寫Router？Router的所有功能都是我們需要的嗎？Router是什么，他就像是一本字典，帶領你走向應用的站點地圖。既然是字典，一一對應不是更好嗎？既然能做一一對應，也就不需要手寫，僅僅只需要進行一次目錄讀取即可。你可以使用nodejs進行預讀，也可以通過webpack進行預讀，按照文件的擺放結(jié)構(gòu)來生成路由。這個能解決第一個問題，至于第二個問題，其實大部分路由的功能我們是用不到的，或者可以封裝在你自己的框架中，以減少開發(fā)者的編寫和維護成本。你可以參考一下nuxt.js，他里面的路由就是被抽象化了的，你只需要按要求合理的放文件和文件夾即可。

反對回復 2019-05-13