vue中嵌套路由的命名

最新推荐文章于 2024-06-20 15:58:49 发布

你认识小汐吗

最新推荐文章于 2024-06-20 15:58:49 发布

阅读量759

点赞数

分类专栏： vue router

本文链接：https://blog.csdn.net/sayoko06/article/details/85322221

版权

vue 同时被 2 个专栏收录

25 篇文章 2 订阅

订阅专栏

router

2 篇文章 0 订阅

订阅专栏

在设置vue的路由时，有时候会出现一个组建中设置多个<router-view/>

可以通过<router-view>指定name属性来区分router-view，不写名字默认为default。

<div>
  <h1>User Settings</h1>
  <NavBar/>
  <router-view/>
  <router-view name="helper"/>
</div>

设置路由：

{
  path: '/home',
  // 你也可以在顶级路由就配置命名视图
  component: home,
  children: [{
    path: 'a',
    component: UserProfilePreview
  }, {
    path: 'b',
    components: {
      default: UserProfile,
      helper: UserProfilePreview
    }
  }]
}