首頁猿問 vue-router如何批量設(shè)置，...

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

JavaScript

桃花長相依 2019-05-13 10:58:03

//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}]})舉個(gè)例子，上面只有3個(gè)頁面，就需要import3次，下面routes要寫3個(gè)映射。如果是上百個(gè)頁面的系統(tǒng)，不是要寫死人？

查看完整描述

2 回答

吃雞游戲

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊

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

反對回復(fù) 2019-05-13