多个router-view的使用

原创于 2019-11-13 11:01:59 发布 · 1.6k 阅读

·

0

·

1 ·

CC 4.0 BY-SA版权

vue-router 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在Vue中使用路由视图加载不同组件，包括main、left1和right2，通过路径匹配实现页面布局的动态加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import Main.vue
import left1.vue
import right2.vue
  routes=[{
    path:'/',
    name:Main,
    components:{
      default:Main,
      left:left1,
      right:right2
    }
  }]
  <router-view></router-view>
  <router-view name="left"></router-view>
  <router-view name="right"></router-view>