Vue Router 提供了強(qiáng)大的參數(shù)匹配能力。要匹配任何內(nèi)容，可以使用自定義參數(shù)正則表達(dá)式，方法是在參數(shù)后面的圓括號(hào)中使用正則表達(dá)式。
舉個(gè)例子，我們?cè)?/span>components文件夾下新建兩個(gè)文件，分別為用戶中心何用戶設(shè)置頁(yè)面，在其中編寫代碼如下：
這兩個(gè)頁(yè)面所需參數(shù)不同。接著在main.js中定義路由：
Const routes = [
{path:’/user/:username’,component:User},
{path:’/user/:id,component:UserSetting}
]
可以發(fā)現(xiàn)，這兩個(gè)路由除了參數(shù)名不同外，其余都相同，這種情況下，我們無(wú)法訪問(wèn)用戶設(shè)置界面，所有符合UserSetting組件的路由規(guī)則同時(shí)也符合User組件。這時(shí)便可以通過(guò)正則表達(dá)式來(lái)實(shí)現(xiàn)不同類型參數(shù)匹配到不同組件。
在進(jìn)行路由參數(shù)匹配時(shí)，Vue Router允許參數(shù)內(nèi)部使用正則表達(dá)式來(lái)進(jìn)行匹配，如下。
Const routes = [
{path:’/user/:username’,component:User},
{path:’/user/:id(\\d+),component:UserSetting}
]
這樣，對(duì)于數(shù)字類型的參數(shù)便可匹配到UserSetting組件，其他類型參數(shù)則自動(dòng)匹配到User組件下。
