這篇文章給大家分享的是有關(guān)vue怎么實(shí)現(xiàn)同一個(gè)頁(yè)面可以有多個(gè)router-view的方法的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站十余年經(jīng)驗(yàn)成就非凡，專(zhuān)業(yè)從事網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)，成都網(wǎng)頁(yè)設(shè)計(jì)，成都網(wǎng)頁(yè)制作，軟文營(yíng)銷(xiāo)，一元廣告等。十余年來(lái)已成功提供全面的成都網(wǎng)站建設(shè)方案，打造行業(yè)特色的成都網(wǎng)站建設(shè)案例，建站熱線：028-86922220，我們期待您的來(lái)電！

為什么要使用Vue

Vue是一款友好的、多用途且高性能的JavaScript框架，使用vue可以創(chuàng)建可維護(hù)性和可測(cè)試性更強(qiáng)的代碼庫(kù)，Vue允許可以將一個(gè)網(wǎng)頁(yè)分割成可復(fù)用的組件，每個(gè)組件都包含屬于自己的HTML、CSS、JavaScript，以用來(lái)渲染網(wǎng)頁(yè)中相應(yīng)的地方，所以越來(lái)越多的前端開(kāi)發(fā)者使用vue。

使用Vue+Element搭建項(xiàng)目的時(shí)候，為了避免一個(gè)頁(yè)面過(guò)大，將tab里面的內(nèi)容分成多個(gè)頁(yè)面，并使用同級(jí)視圖展示

分別給router-view定義一個(gè)name，默認(rèn)顯示的可以不用定義

然后在路由中定義 components ,

path: '/admin/userManagement/userNew/userShow',
components: {
 default: AdminUserShow,
 second: AdminUserGroup
}

默認(rèn)顯示的name在components中定義為default

感謝各位的閱讀！關(guān)于“vue怎么實(shí)現(xiàn)同一個(gè)頁(yè)面可以有多個(gè)router-view的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！