關(guān)于多層路由高亮，在Vue中，我們可以通過設(shè)置路由對(duì)應(yīng)的className來實(shí)現(xiàn)高亮效果。

首先，在Vue中創(chuàng)建多層路由需要使用子路由，我們可以在主路由下建立子路由，子路由也可以嵌套子路由，形成多層路由。例如：

const routes = [
{
path: '/',
component: Home,
children: [
{
path: 'about',
component: About
},
{
path: 'contact',
component: Contact
}
]
}
]

以上代碼為示例，我們?cè)谥髀酚上陆⒘?about和/contact兩個(gè)子路由。

接著，我們需要給路由設(shè)置className，這樣才能通過CSS樣式來改變路由高亮狀態(tài)。我們可以通過在組件中添加屬性$route來獲取當(dāng)前路由信息，然后在created鉤子函數(shù)中給當(dāng)前路由設(shè)置className。

created() {
document.body.className = this.$route.path.slice(1)
}

以上代碼為示例，我們通過$route.path獲取當(dāng)前路由路徑，使用slice方法將"/"去掉，然后將該字符串作為className賦給body元素，實(shí)現(xiàn)路由高亮效果。

但是，如果我們的路由是多層嵌套的，該怎么做呢？我們可以使用遞歸函數(shù)來遍歷所有子路由，對(duì)其進(jìn)行className的設(shè)置。

created() {
const rootPath = this.getRootPath(this.$route)
document.body.className = rootPath.slice(1)
},
methods: {
getRootPath(route) {
if (!route.parent) {
return route.path
} else {
return this.getRootPath(route.parent) + route.path
}
}
}

以上代碼為示例，我們使用了遞歸函數(shù)getRootPath，通過判斷當(dāng)前路由是否有parent屬性，如果有，則繼續(xù)遍歷parent直到?jīng)]有parent屬性為止，將所有路由的路徑拼接起來，作為className賦值給body元素，實(shí)現(xiàn)多層路由高亮。

總結(jié)：Vue中，通過子路由實(shí)現(xiàn)多層路由的創(chuàng)建，通過設(shè)置路由的className實(shí)現(xiàn)路由高亮的效果。對(duì)于多層嵌套的路由，我們可以使用遞歸函數(shù)來遍歷所有子路由，對(duì)其進(jìn)行className的設(shè)置，從而實(shí)現(xiàn)多層路由高亮。