Vue Router如何实现可选的下级路径匹配？

有如下4个路由：

/user/:id(\d{1,19})

/user/:id(\d{1,19})/post

/user/:id(\d{1,19})/collection

/user/:id(\d{1,19})/reply

我希望在Vue Router中将这4个路由都映射到同一个组件，但是我不想写4条，而是希望把它们合并成1条。我知道如何合并后面3个，可以这样写路由映射：/user/:id(\d{1,19})/:sub(post|collection|reply)，但是不知道如何把第一个和后面3个合并，有谁能教教我吗？

回答

后面加个问号就可以了，表示第三个参数可选，如下：
/user/:id(\d{1,19})/:sub(post|collection|reply)?
编辑器默认转义了一个反斜杠，所以截图：