router-view

来源:4-4 控台欢迎页面开发

慕粉4073973

2020-06-07

router-view意味着添加一个子组件到页面上,但是它如何知道你要添加的是哪个具体的子组件呢?不需要指定一下吗?如果同时要引入多个子组件,全用router-view标签恐怕无法区分吧

写回答

1回答

甲蛙

2020-06-07

这个问题问得很好,课程中介绍的都是一个router-view的情况,也支持多个router-view的场景,也很简单,router-view可以加name属性,指定子组件名,比如:

<router-view></router-view>
<router-view name="a"></router-view>
<router-view name="b"></router-view>

在路由定义的时候,加上components属性,添加所有组件,比如:

{
  path: '/welcome',
  components: {
    default:Welcome,
    a:A,
    b:B
  }
}


1
1
qq_赖皮狗_0
这里的path,welcome是不是应该去掉“/”?
2021-05-09
共1条回复

Spring Cloud+ Vue前后端分离开发企业级在线视频系统

全网稀缺课程 市场热门项目+主流框架 一课掌握前后端技术

1743 学习 · 1698 问题

查看课程